Question

嗨有一个只是在用户第一次滚动页面时出现的错误向下，主要内容会向下移动，您可以在此处看到：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;    

     }

当我第一次向下滚动时，我不知道是什么导致内容向下移动。在此先感谢您的帮助！

Answer 1

我在您的网站上看一下，当您滚动页面时，似乎添加了HTML div，HTML div是＃t3-mainbody。＃t3-mainbody用于什么？

问候，

亚历山大。

Answer 2

将Jquery代码更改为：

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');
                jQuery)('.t3-sl').css({padding-top: '0'});
           }    
      });
 });

网站内容在用户滚动页面时向下移动

2 个答案: