我最近看到一个网站有一个隐藏的滚动条出现在滚动条上。这也可能是因为它是光滑的网格。我能够控制特定于 div
的滚动条 CSS,但无法通过 javascript 控制它。到目前为止,我的脚本非常简单:
$('#mydiv').scroll(function(){
$('#mydiv::-webkit-scrollbar').fadeIn(500);
//I've also tried .css() above and tried the .hover event as well
})
我的 div 和滚动条 css:
#mydiv{overflow-x: hidden; overflow-y: auto; height: 80%; width: 100%;}
#mydiv::-webkit-scrollbar{display: none;}
有没有办法在滚动时显示滚动条?我已经知道如何通过在 css 中更改 :hover
上的溢出来控制悬停。
最佳答案
不需要插件,试试这个:
JS:
$(window).bind('mousewheel', function(e) {
var el = $('body');
el.css('overflow-y', 'scroll');
if (el[0].hideScroll) clearTimeout(el[0].hideScroll);
el[0].hideScroll = setTimeout(function() {
el.css('overflow-y', 'hidden');
}, 500);
});
CSS:
body {
overflow-y: hidden;
}
关于javascript - 滚动条出现在滚动条上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27081710/