我通过 javascript 将此类“.sticky”添加到导航中,但粘性菜单无法正常工作。
.sticky {
position: fixed;
width: 100%;
left: 0;
top: 0;
z-index: 100;
border-top: 0;
-webkit-transform: none;
transform: none;
}
javascript代码
//sticky menu
var stickyNavTop = $('.main-navbar').offset().top;
var stickyNav = function(){
var scrollTop = $(window).scrollTop();
if (scrollTop > stickyNavTop) {
$('.main-navbar').addClass('sticky');
} else {
$('.main-navbar').removeClass('sticky');
}
};
stickyNav();
$(window).scroll(function() {
stickyNav();
});
你能检查一下页面吗 http://www.chainreaction.ae/alayam/
谢谢
最佳答案
添加这个CSS:
.scotch-panel-canvas {
transform: none !important;
-ms-transform: none !important;
-moz-transform: none !important;
-webkit-transform: none !important;
}
关于javascript - 位置固定不适用于粘性菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41357876/