浏览器滚动条滚动到固定位置效果
2017-02-03 15:49
232 查看
// 窗口滚动到一定位置,出现返回顶部图标
$(window).bind("scroll", function() {
var top = document.documentElement.scrollTop + document.body.scrollTop;
if (top >= 500) {
$('.xnto_top').show();
} else {
$('.xnto_top').hide();
}
});
// 文章随鼠标滚动即时加载(不使用mousewheel)
$(window).bind("scroll", function() {
var top = document.documentElement.scrollTop + document.body.scrollTop;
var textheight = $(document).height();
if (textheight - top - $(window).height() <= 100) {
$('#tip_load_msg').html("<img src='public/images/mk/article/load1.gif?version=1.0.1' width='100px' height='100px' />");
// 下面使用要处理数据的函数
load_more_data();
}
});
function load_more_data () {...}
====================================================================================================================================
// 滚动到底部
$(document).scrollTop($(document).height());
$(window).bind("scroll", function() {
var top = document.documentElement.scrollTop + document.body.scrollTop;
if (top >= 500) {
$('.xnto_top').show();
} else {
$('.xnto_top').hide();
}
});
// 文章随鼠标滚动即时加载(不使用mousewheel)
$(window).bind("scroll", function() {
var top = document.documentElement.scrollTop + document.body.scrollTop;
var textheight = $(document).height();
if (textheight - top - $(window).height() <= 100) {
$('#tip_load_msg').html("<img src='public/images/mk/article/load1.gif?version=1.0.1' width='100px' height='100px' />");
// 下面使用要处理数据的函数
load_more_data();
}
});
function load_more_data () {...}
====================================================================================================================================
// 滚动到底部
$(document).scrollTop($(document).height());
相关文章推荐
- jq动画效果慢慢滚动到固定位置
- jq动画效果慢慢滚动到固定位置
- Jquery DIV滚动至浏览器顶部位置固定
- Jquery DIV滚动至浏览器顶部位置固定
- Jquery DIV滚动至浏览器顶部位置固定
- 利用CSS实现DIV在浏览器中位置相对固定,而且IE6下滚动不闪
- HTML 中让DIV不随滚动条滚动,使终显示在浏览器的固定位置
- 标题栏颜色渐变和顶部悬浮效果(标题栏颜色随着页面上滑渐变,页面某模块到达标题栏下方是位置固定,不再随页面滚动)
- Jquery DIV滚动至浏览器顶部位置固定
- Jquery DIV滚动至浏览器顶部位置固定
- Jquery DIV滚动至浏览器顶部位置固定
- JQuery div滚动至浏览器顶部位置固定
- JS+CSS实现侧边栏跟随浏览器滚动效果
- 侧边栏和顶部滚动位置固定
- 微信小程序实现组件顶端固定或底端固定效果(不随滚动而滚动)
- Asp.net 2.0 自定义控件开发[实现GridView多行表头固定表体滚动效果][示例代码下载]
- 解决禁止浏览器回弹效果后页面其它元素滚动事件失效
- CSS+DIV固定位置,不随滚动条而滚动
- 第一屏层固定位置,滚动页面层固定在源位置
- Asp.net 2.0 自定义控件开发[实现GridView多行表头固定表体滚动效果][示例代码下载]