嗨,有一个错误只是在用户第一次滚动页面时出现
向下移动,主要内容向下移动,您可以在此处查看:https://www.mallyear.com/search?q=phone。其中涉及一些代码:

<div id="#adblocker"></div>

<header id="t3-header">
   // code for the header
 </header>

<div id="stckyalias"></div>

 jQuery(function(){
    // Check the initial Poistion of the Sticky Header
    var stickyHeaderTop = jQuery('#t3-header').offset().top;

    jQuery(window).scroll(function(){
            if( jQuery(window).scrollTop() > stickyHeaderTop ) {
                    jQuery('#t3-header').css({position: 'fixed', top: '0px'});
                    jQuery('#stickyalias').css('display', 'block');
            } else {
                    jQuery('#t3-header').css({position: 'static', top: '0px'});
                    jQuery('#stickyalias').css('display', 'none');
            }
    });
 });


和一些CSS

.t3-header {
background: rgb(68, 136, 255) none repeat scroll 0 0;
height: 66px;
padding-bottom: 0 !important;
padding-top: 8px !important;
position: fixed;
width: 100%;
-webkit-box-shadow: 0 1px 0px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0 1px 0px 0px rgba(0,0,0,0.1);
box-shadow: 0 1px 1px 0px rgba(0,0,0,0.1);
z-index: 999;
transition: all 0.1s ease-in;


}

#stickyalias {
 display: none;
 height: 66px;
}

   #adblocker{
      /*transition: all 0.5s ease; */

     height: 80px;
      background-color: #333333;

     }


我不知道是什么原因导致第一次向下滚动时内容向下移动。先谢谢您的帮助!

最佳答案

我查看了您的网站,似乎在滚动页面时添加了HTML div,HTML div是#t3-mainbody。 #t3主体是做什么用的?

问候,

亚历山大

10-06 04:40