实现页面某元素位置固定
2012-10-28 21:23
190 查看
/**
*top、scrollTop实现页面局部位置固定。
*原理:当页面发生滚动,使得element的top值等于页面滚动的scrollTop值。调用时只需 >Gecko内核。
**/
;(function($){
>
pos = el.css("position");
$(window).scroll(function() {
>
if (scrolls > top) {
if (window.XMLHttpRequest) {
el.css({
position: "fixed",
top: 0
});
} else {
el.css({
top: scrolls
});
}
}else {
el.css({
position: "absolute",
top: top
});
}
});
}
})(Zepto)
另种实现页面元素位置固定的方法,使用iscroll。
*top、scrollTop实现页面局部位置固定。
*原理:当页面发生滚动,使得element的top值等于页面滚动的scrollTop值。调用时只需 >Gecko内核。
**/
;(function($){
>
pos = el.css("position");
$(window).scroll(function() {
>
if (scrolls > top) {
if (window.XMLHttpRequest) {
el.css({
position: "fixed",
top: 0
});
} else {
el.css({
top: scrolls
});
}
}else {
el.css({
position: "absolute",
top: top
});
}
});
}
})(Zepto)
另种实现页面元素位置固定的方法,使用iscroll。
相关文章推荐
- JS实现随页面滚动显示/隐藏窗口固定位置元素
- JS实现随页面滚动显示/隐藏窗口固定位置元素
- js实现div滚动条在页面刷新 滚动条位置固定
- 绝对定位和overflow-y: scroll实现不使用fixed固定定位将元素固定在页面顶部或底部
- vue监听滚动事件 实现某元素吸顶或者固定位置显示
- vue监听滚动事件 实现某元素吸顶或者固定位置显示
- vue实现某元素吸顶或固定位置显示(监听滚动事件)
- Jquery定位插件,固定元素在页面某个位置,不随滚动条滚动
- 利用box-flex实现 dom元素位置页面底部
- 随页面滚动显示/隐藏窗口固定位置元素
- vue监听滚动事件 实现某元素吸顶或者固定位置显示
- css实现高度不固定的div元素模块在页面中水平垂直居中
- HTML 固定div于页面固定位置,实现悬浮按钮。
- 170207、粘性定位实现滚动到指定位置元素固定显示
- 使用js写点击一个事件使页面返回顶部以及控制一个元素在右下角的固定位置的方法
- JQ:当页面滚动到一定位置之后,让元素固定在顶部,小于位置后恢复原来的位置
- 给图片各个位置做标记,实现类似百度地图的标记功能(动态创建页面元素,各种定位,Ajax,MVC)
- 随页面滚动显示/隐藏窗口固定位置元素
- js实现html页面滚动条向下拉到一定的程度时,某个div就固定在顶部,向上拉时返回原位置。
- jquery实现div层随页面滚动而滚动(固定在某一位置)