设置html的scrolltop,当设置 document.body.scrollTop = 0时,要如何还原回去?

html:

show div

hide div

function preventScroll(e){

//document.body.scrollTop=0;

e.preventDefault();

}

document.getElementById("showDivandFix").addEventListener("click",function(){

if(!document.getElementById("myDiv")){

var myDiv = document.createElement("div");

myDiv.id="myDiv";

myDiv.style.width="100px";

myDiv.style.height="100px";

myDiv.style.backgroundColor='#00ee00';

document.getElementById("myDivContainer").appendChild(myDiv);

}

document.getElementById("myDiv").style.display="block";

document.body.addEventListener("mousewheel",preventScroll,false);

},false);

document.getElementById("hideDivandremoveFix").addEventListener("click",function(){

document.getElementById("myDiv").style.display="none";

document.body.removeEventListener("mousewheel",preventScroll,false);

},false);

或者

jquery:

$(function(){

function preventScroll(e){

//document.body.scrollTop=0;

e.preventDefault();

}

$('button#showDivandFix').on("click",function(){

if($('#myDiv').length==0){

$('#myDivContainer').append("

}

$('#myDiv').show();

$('body').on("mousewheel",preventScroll);

});

$('button#hideDivandremoveFix').on("click",function(){

$('#myDiv').hide();

$('body').off("mousewheel",preventScroll);

});

});

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值