滚动条显示在滚动上
Scrollbar Appear on Scroll
我最近看到一个网站有一个隐藏的滚动条,它出现在滚动上。这也可能是因为它是一个光滑的网格。我能够控制特定于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;
}
相关文章:
- 如何在Angular JS中滚动显示元素
- 如何使文本在html中滚动显示
- 粘性滚动显示两张图像
- 更改滚动显示.js视口
- 通过页面滚动显示动画
- jQuery滚动显示隐藏的内容
- 在Foundation6中创建滚动显示当前位置的导航
- 使用jquery滚动显示页面侧面的元素
- 向幻灯片放映添加滚动显示样式
- 滚动显示svg动画
- 将淡入淡出添加到此jQuery滚动显示
- 动画滚动/显示隐藏元素使用jQuery
- Angularjs无限滚动显示数据
- Ionic无限滚动显示更多的项目已经加载(不是通过httprequest)
- 有没有“电影演职员表”滚动显示?样式插件的单词列表
- 使用knockout js滚动显示分页
- 从上到下滚动显示
- 滚动显示页脚
- HI滚动显示页眉
- 依次显示滚动显示动画