window.onscroll页面滚动条滚动事件

用途一："返回顶部"；

window.onscroll = function(){ var t = document.documentElement.scrollTop || document.body.scrollTop;  var top_div = document.getElementById( "top_div" ); if( t >= 300 ) { top_div.style.display = "inline"; } else { top_div.style.display = "none"; }
}

用途二："商品详情菜单漂浮" 当鼠标滚动到一定位置会有一个导航漂浮起来

window.onscroll = function(){ var t = document.documentElement.scrollTop || document.body.scrollTop;  var Div = document.getElementById( "fix_goods" ); if( t <= 755 ) { Div.style.position = "";Div.style.top = "";} else { //Div.style.display = "none";Div.style.position = "fixed";Div.style.top = "-10px";} }

原文来源：http://www.cnblogs.com/wesky/admin/EditPosts.aspx?postid=3303694&update=1

window.onscroll页面滚动条滚动事件相关推荐

JS网页滚动条滚动事件实例分析
js网页滚动条滚动事件的用法,在javascript中window.onscroll监控滚动条滚动事件的相关技巧本文实例讲述了js网页滚动条滚动事件用法,具体分析如下: 在做js返回顶部的效果时,要 ...
jquery滚动条滚动事件_滚动条和jQuery –使用航点的事件处理
jquery滚动条滚动事件 How to handle scrolling with jQuery. Today we continue jQuery reviews, and our article ...
关于IOS设备window onscroll滚动条滚动事件不触发的问题
http://blog.hooperui.com/%E5%85%B3%E4%BA%8Eios%E8%AE%BE%E5%A4%87window-onscroll%E6%BB%9A%E5%8A%A8%E6 ...
html div跟随页面滚动条滚动,javascript – 当我向下滚动页面时,如何让div跟随我？...
您可以在窗口对象上挂钩scroll事件.处理事件时,请查看窗口/文档的垂直滚动位置(有关如何操作,请参阅SO上的 this answer).对div使用绝对定位,并根据需要将其顶部更新为坐标. FWI ...
jq监听页面的滚动事件，
jQuery监听页面的滚动状态,实现代码: $(document).scroll(function() { var scroH = $(document).scrollTop(); // ...
Jquery页面滚动条向下拉到div的位置时，此div就固定在顶部，向上拉时返回原位置
Div在网页打开时固定在某个位置(不一定是网页的最顶端),当滚动条向下滚动时,页面的顶部到达此div位置后,此div就固定在网页的最顶部跟随移动,当滚动条向上滚动时,页面顶部高过此div原来的固定位置 ...
html页面滚动条监听事件,滚动条的scroll事件
在vb中,滚动条的scroll 事件和change 事件的区别scroll和change的区别为:指代不同.用法不同.侧重点不同一.指代不同 scroll:滚屏,滚动. change:变更,变革. ...
根据滚动事件进行页面动画
根据滚动事件进行页面动画 <!DOCTYPE html> <html lang="en"><head><meta charset=&quo ...
html屏幕滚动事件监听,JQuery监听页面滚动事件
1.当前滚动的地方的窗口顶端到整个页面顶端的距离: var scrollTop = $(window).scrollTop(); 2.获取指定元素的页面位置: $(obj).offset().top; ...
html页面滚动条监听事件,jquery如何监听滚动条事件？
jquery如何监听滚动条事件?下面本篇文章给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 问题: 在浏览很多网页中都会发现,当滚动条滚动到一定的位置的时候就出显示一 ...

window.onscroll页面滚动条滚动事件

window.onscroll页面滚动条滚动事件相关推荐

最新文章

热门文章