HTML 中让DIV不随滚动条滚动,使终显示在浏览器的固定位置
2012-02-14 15:56
295 查看
做过手机版的效果,PC也同时有效,代码是收集来的,不够精简,但可用。效果如下:
("#first")为需要浮动的DIV
("#first")为需要浮动的DIV
<script type="text/javascript" src="js/jquery.min.js"></script> <script> $.fn.smartFloat = function() { var position = function(element) { var top = element.position().top, pos = element.css("position"); var browser=navigator.appName; var browser2=navigator.userAgent; $(window).scroll(function() { var scrolls = $(this).scrollTop(); if (scrolls > 120) { if (window.XMLHttpRequest) { if(browser2.indexOf("Chrome") > -1 || browser2.indexOf("MSIE")> -1 || browser2.indexOf("iPhone")> -1){ element.css({position: "fixed",top: 0});//更改这里的0可以设定在哪个Y位置固定 }else{ element.css({position: "fixed",top: scrolls}); } } else { element.css({top: scrolls}); } }else { element.css({position: pos,top: top}); } }); }; return $(this).each(function() { position($(this)); }); }; $("#first").smartFloat(); </script>
相关文章推荐
- Study Html《如何让DIV固定在页面的某个位置而不随着滚动条随意滚动》
- Jquery DIV滚动至浏览器顶部位置固定
- [转]如何让DIV固定在页面的某个位置而不随着滚动条随意滚动
- 如何让DIV固定在页面的某个位置而不随着滚动条随意滚动
- 如何让DIV固定在页面的某个位置而不随着滚动条随意滚动
- Jquery DIV滚动至浏览器顶部位置固定
- js实现html页面滚动条向下拉到一定的程度时,某个div就固定在顶部,向上拉时返回原位置。
- Jquery DIV滚动至浏览器顶部位置固定
- 如何让DIV固定在页面的某个位置而不随着滚动条随意滚动 (转)
- 如何让DIV固定在页面的某个位置而不随着滚动条随意滚动
- 滚动条上下左右滚动,div始终保持在窗口的固定位置。
- 利用CSS实现DIV在浏览器中位置相对固定,而且IE6下滚动不闪
- 如何让DIV固定在页面的某个位置而不随着滚动条随意滚动
- 如何让DIV固定在页面的某个位置而不随着滚动条随意滚动 (转)
- Jquery DIV滚动至浏览器顶部位置固定
- div固定位置,不随滚动条滚动
- [转]如何让DIV固定在页面的某个位置而不随着滚动条随意滚动
- div固定位置,不随滚动条滚动
- 如何让DIV固定在页面的某个位置而不随着滚动条随意滚动
- Jquery DIV滚动至浏览器顶部位置固定