jQuery 监听页面滚动总结

jquery tytrock ⋅ 于 2018-01-19 16:15:51 ⋅ 2380 阅读

1、当前滚动的地方的窗口顶端到整个页面顶端的距离:

var winPos = $(window).scrollTop();


2、当前滚动的地方的窗口底端到整个页面底端的距离:

var doc = document;
var win = window;
var ScrollBottom = $(doc).height() - $(win).height() - $(win).scrollTop();


3、获取指定元素的页面位置:

$(val).offset().top;


4、对页面滚动条滚动的监听:要放在页面加载的时候

$(window).scroll(function(event){

});


5、设置滚动条到指定位置。

$(window).scrollTop(offset)


本帖已被设为精华帖!
回复数量: 0
    暂无评论~~
    • 请注意单词拼写,以及中英文排版,参考此页
    • 支持 Markdown 格式, **粗体**、~~删除线~~、`单行代码`, 更多语法请见这里 Markdown 语法
    • 支持表情,使用方法请见 Emoji 自动补全来咯,可用的 Emoji 请见 :metal: :point_right: Emoji 列表 :star: :sparkles:
    • 上传图片, 支持拖拽和剪切板黏贴上传, 格式限制 - jpg, png, gif
    • 发布框支持本地存储功能,会在内容变更时保存,「提交」按钮点击时清空
    Ctrl+Enter