大概需求:
写当偏移顶部一定距离固定js
Html
<div class="content -shadow -fix" style="position: static;">
<div class="item-container" style="width:138px" nav-id="nav_nav-main-backgroundItem">
<a class="itemtitle" onclick="goToPageH5(this,'nav-main-backgroundItem')" _nav_title="nav-main-backgroundItem">公司背景</a>
</div>
</div>
document.addEventListener('scroll', function (event) {
var scrollDistance = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
if (scrollDistance >= 230) { // 触发的位置
document.getElementsByClassName('content -shadow -fix')[0].style.cssText = 'position:fixed;top:74px;';
} else {
document.getElementsByClassName('content -shadow -fix')[0].style.cssText = 'position:static;';
}
});
d点击,根据id跳转到指定模块/
function goToPageH5(parameter, id) {
$("html,body").animate({scrollTop: $("#" + id).offset().top - 140}, 1000)
/*点击的导航栏处于激活状态,其他的处于未激活状态*/
$('.item-container').find('a').removeClass('-active');
$(parameter).addClass('-active');
}
点击重置,进行清空
/*搜索点击小叉清空输入的内容*/
function clearKey(id) {
$(id).val("");
}