我目前有一个脚本,可以在滚动一定量后修复
当前代码:
<header>
元素。我该如何修改它,使元素在正常滚动到页面顶部之后再固定。类似于这个例子。当前代码:
$(document).ready(function(){
// Fix Sidebar
windowHeight = $(window).height();
sidebarHeight = $(".sidebar").height() + 70;
console.log(sidebarHeight + ", " + windowHeight);
if (windowHeight > sidebarHeight) {
$('.sidebar').addClass("affix");
}
});
注意: .affix
只是 {position:fixed}
。
网站
<header>
元素是右侧带有大绿色演示按钮的侧边栏。