广

JavaScript

  • IOS开发
  • android开发
  • PHP编程
  • JavaScript
  • ASP.NET
  • ASP编程
  • JSP编程
  • Java编程
  • 易语言
  • Ruby编程
  • Perl编程
  • AJAX
  • 正则表达式
  • C语言
  • 编程开发

    jquery固定位置的div层超过屏幕后跟随滑动

    2018-04-06 10:41:54 次阅读 稿源:互联网
    零七广告

    JQuery

    1. <script type="text/javascript"
    2. $(document).ready(function(){ 
    3. if (!isie6()) { 
    4.         var rollStart = $('.tuijians'), 
    5.         rollSet = $('.tuijians'); 
    6.         var offset = rollStart.offset(), 
    7.         objWindow = $(window), 
    8.         rollBox = rollStart.prev(); 
    9.         if (objWindow.width() > 960) { 
    10.             objWindow.scroll(function() { 
    11.                 if (objWindow.scrollTop() > offset.top) { 
    12.                     rollStart.css('position','fixed'); 
    13.                     rollStart.stop().animate({ 
    14.                         top: 0 
    15.                     }, 
    16.                     400) 
    17.                 } else { 
    18.                     rollStart.css('position','static'); 
    19.                     rollStart.stop().animate({ 
    20.                         top: 0 
    21.                     }, 
    22.                     400) 
    23.                 } 
    24.             }) 
    25.         } 
    26.     } 
    27. function isie6() { 
    28.         if ($.browser.msie) { 
    29.             if ($.browser.version == "6.0"return true
    30.         } 
    31.         return false
    32.     } 
    33. }); 
    34. </script> 

    HTML

    1. <div class="tuijians">内容</div> 

    零七网部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与零七网进行文章共享合作。

    零七广告
    零七广告
    零七广告
    零七广告