`
流浪鱼
  • 浏览: 1684571 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

估计到底部scrool

 
阅读更多
function onscorllHandler(){
	$(window).bind("load", function() {
		//alert(1111111111);
		var footerHeight = 0,
		footerTop = 0,
		$footer = $(".footer");
		positionFooter();
		//定义positionFooter function
		function positionFooter() {
		
		//取到div#footer高度
		footerHeight = $footer.height();
		
		//div#footer离屏幕顶部的距离
		footerTop = ($(window).scrollTop()+$(window).height()-footerHeight)+"px";
		footerTop2 = ($(window).scrollTop()+$(window).height()-footerHeight);
		//alert("top"+footerTop2);
		//alert(footerTop2-300);
		//如果页面内容高度小于屏幕高度,div#footer将绝对定位到屏幕底部,否则div#footer保留它的正常静态定位
		/*if ( ($(document.body).height()+footerHeight) < $(window).height()) {
			$footer.css({
				position: "absolute"
			}).stop().animate({
			top: footerTop
			});
		} else {
			$footer.css({
				position: "static"
			});
		}*/
		
		$footer.css("top",footerTop2);
		}
		$(window).scroll(positionFooter).resize(positionFooter);
	});

}

 

css

/*-----尾部---absolute--- fixed-*/
.footer {
	position: absolute;
	/*bottom: 0;*/
	left: 0;
	width: 100%;
	z-index: 1;
	border: 0px;
	height: 50px;
}

 

 

 

 

分享到:
评论

相关推荐

    滚动字幕的红色状态栏Scrool_STATUS

    首先,Cstatusbar是MFC(Microsoft Foundation Classes)库中的一个类,它提供了一个在窗口底部显示静态文本或控件的区域。在创建滚动字幕时,我们需要对Cstatusbar进行扩展,增加滚动功能。这通常涉及自定义控件...

    Scrool控件实现图像或位图的显示

    当用户滚动滚动条时,控件会接收到WM_HSCROLL和WM_VSCROLL消息。我们需要重写OnHScroll()和OnVScroll()函数来响应这些消息。根据滚动条的位置更新位图的显示区域,通过改变DrawBitmap()或StretchBlt()函数的源矩形...

    xScroll.js轻量级页面元素滚动插件.zip

    1. **平滑滚动**:xScroll.js实现了页面元素的平滑滚动效果,无论是向上还是向下,都能让用户感受到丝滑般的滚动体验。 2. **自定义触发点**:开发者可以设置滚动到特定位置时启动或停止某些效果,增强了页面的互动...

    infinitescroll:无限Unsplash图片scrool

    每当您提交到该存储库时,GitHub Pages都将运行从Markdown文件中的内容重建站点中的页面。 降价促销 Markdown是一种轻巧且易于使用的语法,可用于样式化您的文字。 它包括以下约定 Syntax highlighted code block #...

    Xshell 6 (Build 0098) Free for Home/School

    Xshell 6,版本号Build 0098,是一款专为家庭和学校设计的免费远程访问软件,它提供了强大的功能,使得用户可以便捷地通过SSH协议连接到Linux系统,如Ubuntu或CentOS,进行远程管理和操作。这款软件在IT领域中有着...

    Scroll To Top Button-crx插件

    滚动到顶部按钮的含义远不止于其名称:可用的自定义---------按钮模式-仅滚动到顶部-在顶部和底部之间翻转-双箭头(滚动到顶部和底部)-仅键盘-上/下滚动速度-外观距离-按钮大小-按钮设计-按钮位置-不活动的按钮不...

    AutoMore_mouse_closecgo_php_LOADMORE_

    描述 "Load More dari database mysql dengan menggunakan scrool mouse sebagai trigger" 确定了这个功能是通过用户的鼠标滚动事件来激活,以便在不刷新页面的情况下,分页加载更多的数据库记录。 在Web开发中,...

    微信小程序(十)swiper组件详细介绍

    1. `indicator-dots`: 是否显示底部的小圆点指示器,默认为`false`,设置为`true`时,会在轮播图下方显示当前页面和总页数的指示。 2. `autoplay`: 是否自动播放,默认为`false`,设置为`true`开启自动播放功能。 3....

    listviewundoc_src_c#listview_

    描述 "c# list view scrool sample" 提及的是ListView的滚动功能,这可能涉及到如何处理视图中的大量数据,以及在用户滚动时如何优化性能。 在给定的标签 "c#listview" 中,我们可以进一步推测这个项目或代码库...

    rembg:Rembg是删除图像背景的工具

    要求python 3.8或更高版本火炬和火炬视觉稳定版( )如何安装割炬/割炬转到然后将scrool转到“ INSTALL PYTORCH部分,然后按照说明进行操作。 例如: PyTorch Build: Stable (1.7.1)Your OS: WindowsPackage: ...

    jsp中为表格添加水平滚动条的实现方法

    查看网上的教程,很多人都说将什么父div设置100%,table添加scrool属性均不可 这里,解决的方法很简单,设置标签的属性即可,让其不要自动换行 $(document).ready(function() { $(th).css(white-space,

    imageScrool.js

    使用 方法只要将一个div标签的id设置为&lt;div id="scrool_picture_father_contain" delaytime="5000" scroolstyle="3"&gt;其中id为固定的 delaytime可以修改意为切换的快慢以毫秒为单位 ,scroolstyle 是滚动方式 分别...

    blender-like.navigation

    将3D-Coat设置为Blender风格的视图操作,预设文件 旋转视图 MMB 平移视图 SHIFT + MMB 缩放视图 SCROOL/CTRL+ MMB

    jquery实现图片左右间隔滚动特效(可自动播放)

    `.hl_scrool_leftbtn`和`.hl_scrool_rightbtn`定义了左右滚动按钮的样式,分别包括宽度、高度、背景图片以及鼠标悬停的样式,使按钮更具有可交互性。 4. jQuery滚动特效实现 在上述代码中,`DY_scroll`函数是实现...

    登陆页面:Udacity项目登陆页面

    我们添加了一些有效的函数,例如:1- creatMeanu:通过动态方式用js创建ul列表2- addActiveTo:向顶部附近的每个p添加活动类3-scrollToElement:通过平滑方式将scrool转换为元素 资源 我从Udacity课程中学到了一些...

    react-swipeable-tab:带有iscroll的可滑动和异步加载选项卡组件

    react-swipeable-tab 一个可滑动切换,异步加载数据,具有流畅滚动特性的 React-Tab 组件 参考了提供的组件,在此基础上进行了功能特性的丰富 使用 install npm i react-swipeable-tab --save import ...

    GPUSmoke

    入门先决条件下载并安装 下载并安装 下载,安装并添加到路径建筑克隆仓库建立解决方案gpufluid.exe将位于x64或x86 , /Debug或/Release取决于您的构建配置运行模拟在gpufluid.exe旁边创建一个名为output的新文件夹。...

    谷歌师兄的leetcode刷题笔记-elyte-clone:细胞克隆

    谷歌师兄的leetcode刷题笔记审核标准: 1- 布局和验证。...Scrool bar: Increase width; Change color. * Font: Increase the opacity; font-size; font-weight; * Footer: Decrease height; rearrange i

    as3 滚动条 AsScroolBar 水平垂直

    给可视对象添加滚动条 new AsScroolBar()加入显示列表 AsScroolBar(_controlUI:DisplayObject,_scrollWidth:int,_scrollHeight:int,_stepNum:int=20)

    porao-network

    地下室网络PorãoNetwork的登录页面,该公司专注于为抽搐的流媒体以及网站设计和开发提供审核服务。... JavaScript仅用于通过单击锚点链接来创建Smooth Scrool动画,还用于开发移动版“切换菜单”的模式。

Global site tag (gtag.js) - Google Analytics