我用卷轴创建了一个div。但是,当鼠标指针离开屏幕时,滚动条正在隐藏。有没有可能显示滚动条显示在那里,无论我的鼠标是悬停还是没有。?我在和chrome上试过了。
当您开始滚动时,将出现滚动条。等你完成了它就会消失。
.scroll-div{
width:200px;
height:100px;
overflow-y:scroll;
}
.scroll-div::-webkit-scrollbar {
/* This is the magic bit */
display: block;
}
<div class="scroll-div">
t
我知道这听起来像是一个超级多余的问题,但事实并非如此。每当我搜索这个的时候,我得到的结果只是告诉我使用overflow:scroll -which I am
我已经在chrome、chrome canary、safari和firefox中尝试过了。我有一个固定高度和宽度的div,一些页面需要滚动,其他页面不需要,所以我使用overflow: scroll;但滚动条只在你将鼠标悬停在内容上时才会显示。我想让我的访问者痛苦地清楚地看到有更多的内容。有没有一种方法可以让滚动条始终显示(无论用户当时是否在悬停或滚动)。
一个JS解决方案会很酷,有一个巧妙的技巧来判断是否需要滚动条,但是有没有JS函数总
我已经设置了DIV的固定高度,并设置了它的overflow-y:scroll,但问题是,如果我得到的数据小于它的高度事件,尽管它显示滚动条(禁用)。请告诉我怎样才能隐藏它..。我的意思是给我一个解决方案,只有当DIV中的数据跨越DIV的高度时,滚动条才会显示出来。
我的代码:
<div style="overflow-y:scroll; height:290px">
a data grid is here
</div>
我最近看到一个网站,它有一个隐藏的滚动条,显示在滚动上。这也可能是因为它是一个平滑的网格。我可以控制特定于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-