[英]Show/hide class depending on if there is a vertical scrollbar or not
我是jQuery的新手,一直在尝试使它正常工作,但未成功。 我可以使部分代码正常工作,但无法使其全部正常工作。
在我的网站上,我有一个向上和向下箭头(都在单个父类中),单击时会滚动到页面的顶部/底部-我已经在使用jQuery。
不过,我只是想,如果确实有什么滚动来显示这些箭头(即,如果有一个当前滚动条); 否则我希望它们被隐藏。
(function($) {
$.fn.hasScrollBar = function() {
return this.get(0).scrollHeight > this.height();
}
})(jQuery);
上面的代码会根据滚动条的存在而返回true或false,但是我无法使其与我的函数一起工作(我不必使用该代码,这就是我所找到的)。
window.onresize=arrows;
window.onload=arrows;
function arrows(){
if(document.body.scrollHeight > window.innerHeight){
document.getElementById("arrow").style.display="block";
}else{
document.getElementById("arrow").style.display="none";
}
}
不是jQuery的,但它的工作(或不:))
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.