嗨,有一个错误只是在用户第一次滚动页面时出现
向下移动,主要内容向下移动,您可以在此处查看: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主体是做什么用的?
问候,
亚历山大