用HTML和css和js怎样实现随着页面滑动

2024-12-01 16:04:28
推荐回答(1个)
回答1:

完全用CSS控制就可以了,页面在滚动,给这个DIV设置position:fixed;那么页面不管怎么滚动,这个DIV是中在顶端
解决方案二:
显示合作div absolute定位,判断滚动到div位置的时候设置position为fixed,同时设置top为0


我是菜单,我到页头会固定





解决方案三:
对页面y轴偏移量进行判断,如果大于某个值(具体情况具体应对),克隆原来的层,设置新的id,新的id意味着新的css样式:position:fixed,然后隐藏原来的层,添加克隆的层; 否则,即向上滑动到一定位置时,remove克隆的层,显示隐藏的层,达到目的~代码仅供参考。。。
$(window).scroll(function(){
if(window.pageYOffset>108){
if($("#topbar").length == 0){
var x=$("#wrap_most_used_bookmark").clone();
x.attr("id","topbar");
$("body").append(x);

$("#return_top").fadeIn();
}
}
else{
$("#topbar").remove();
$("#return_top").fadeOut();
}
});