【jquery】div当滚动到页面顶部的时候固定在顶部,离开可继续滚动
div当滚动到页面顶部的时候固定在顶部,离开可继续滚动 jq实现代码如下: [codesyntax lang="php" lines="normal"]
<script type="text/javascript" src="http://www.webzsky.com/source/web_js/jquery-1.5.1.min.js"></script> <script type="text/javascript"> $(function(){ //获取要定位元素距离浏览器顶部的距离 var navH = $("#webz").offset().top; //滚动条事件 $(window).scroll(function(){ //获取滚动条的滑动距离 var scroH = $(this).scrollTop(); //滚动条的滑动距离大于等于定位元素距离浏览器顶部的距离,就固定,反之就不固定 if(scroH>=navH){ $("#webz").css({"position":"fixed","top":0,"margin":"0 auto","z-index":"99999"}); }else if(scroH<navH){ $("#webz").css({"position":"static","margin":"0 auto"}); } console.log(scroH==navH); }) }) </script>
[/codesyntax] 注释:#webz 为获取的html的Dom节点