這里是不是有個(gè)bug!
在一屏之下刷新頁面,瀏覽器記錄之前的位置 ?按道理這時(shí)候按鈕是顯示的 ?但是你設(shè)置display默認(rèn)為none ?這時(shí)候沒有scroll事件,所以按鈕會(huì)不顯示,這不是個(gè)問題嗎?
在一屏之下刷新頁面,瀏覽器記錄之前的位置 ?按道理這時(shí)候按鈕是顯示的 ?但是你設(shè)置display默認(rèn)為none ?這時(shí)候沒有scroll事件,所以按鈕會(huì)不顯示,這不是個(gè)問題嗎?
2017-03-18
舉報(bào)
2018-09-14
感覺是的,這視頻分享不錯(cuò),但是有一些小bug,這也算是個(gè)問題吧,我覺得可以在window.onload 之后,可以先判斷(scrollHeight >= clientHeight),就可以解決這問題了
window.onload = function(){
????????var clientHeight = document.documentElement.clientHeight || document.body.clientHeight;
????????var obtn=document.getElementById("btn");
????????scrollHeight = document.documentElement.scrollTop || document.body.scrollTop;
????????if(scrollHeight >= clientHeight){
????????????????obtn.style.display = "block";
????????}? ?else{
????????????????obtn.style.display = "none";? ??
????????}
????????
2017-03-24
沒有看到你說的bug,
window.onload = function(){
var clientHeight = document.documentElement.clientHeight || document.body.clientHeight;
var obtn=document.getElementById("btn");
var timer=null;
var scrollHeight;
window.onscroll=function(){
scrollHeight = document.documentElement.scrollTop || document.body.scrollTop;
if(scrollHeight >= clientHeight){
obtn.style.display = "block";
}
else{
obtn.style.display = "none";
}
}
obtn.onclick=function(){
timer=setInterval(function(){
//var scrollHeight = document.documentElement.scrollTop || document.body.scrollTop;
var speed = Math.ceil(scrollHeight / 6);
document.documentElement.scrollTop = document.body.scrollTop =scrollHeight - speed;
//console.log(scrollHeight - speed);
if(scrollHeight == 0){
clearInterval(timer);
}
},30);
}
}