返回顶部及顶部导航jquery部分代码
jquery部分的代码,css的随便加translation效果了
//返回顶部及顶部导航
var p = $(window).scrollTop();
$(window).scroll(function() {
//显示返回顶部按钮
if ($(window).scrollTop() > $(window).height()) {
$('.fixed-tips').addClass('active');
}
if ($(window).scrollTop() < $(window).height()) {
$('.fixed-tips').removeClass('active');
}
//顶部滚动隐藏显示
var s = $(window).scrollTop();
if (s > p && s>300) {
$('#header').removeClass('hesive').addClass('unhesive')
}
if (s < p && s > 300){
$('#header').removeClass('unhesive').addClass('hesive')
}
p = s;
//顶部菜单背景
if ($(window).scrollTop() > 0) {
$('.hesive').removeClass('active');
} else {
$('.hesive').addClass('active');
}
});
- 上一篇 根据参考图片弄出来的
- 下一篇 芷若妹妹走了,愿天堂没有疾病,愿来生我们再相识!