Html Safari上的强制滚动条
有没有办法强制在Safari Lion上显示垂直滚动条。Html Safari上的强制滚动条,html,css,Html,Css,有没有办法强制在Safari Lion上显示垂直滚动条。 它仅在单击页面最右侧时显示。我有一个元素,其中有overflow-y:auto,但在Safari中,只有单击元素的边缘,它才会显示。将overflow-y应用于html元素。 html{ 溢出y:滚动; }确定在该网站上在线找到此文件 这将使它出现在狩猎狮 ::-webkit-scrollbar { -webkit-appearance: none; width: 8px; } ::-webkit-scrollbar-t
它仅在单击页面最右侧时显示。我有一个元素,其中有overflow-y:auto,但在Safari中,只有单击元素的边缘,它才会显示。将overflow-y应用于html元素。
html{
溢出y:滚动;
}
确定在该网站上在线找到此文件
这将使它出现在狩猎狮
::-webkit-scrollbar {
-webkit-appearance: none;
width: 8px;
}
::-webkit-scrollbar-track {
background-color: rgba(57,57,57, .6);
border-radius: 8px;
}
::-webkit-scrollbar-thumb {
border-radius: 8px;
background-color: rgba(156, 156, 156, .6);
}
显然,您需要更改属性以满足您的需要。
这同样适用于Safari,如overflow-y:scroll代码>不强制显示
如果要将其分配给特定元素上的滚动条,可以在以下操作之前添加任何css选择器:
.mydiv::-webkit-scrollbar {
-webkit-appearance: none;
width: 8px;
}
.mydiv::-webkit-scrollbar-track {
background-color: rgba(57,57,57, .6);
border-radius: 8px;
}
.mydiv::-webkit-scrollbar-thumb {
border-radius: 8px;
background-color: rgba(156, 156, 156, .6);
}
我指的是Safari而不是其他浏览器。我已经试过了,但是狮子座的Safari会隐藏滚动条,直到你点击元素的右边。我试过了,但对Safari不起作用。这适用于所有其他Brasier,但Lion中的Safari会隐藏滚动条,直到您单击元素的右边缘。如果您需要此选项,这里有一个带有js嗅探器的演示:这太棒了。你应该接受你自己的答案。其他读者,注意:通过在::-webkit…
之前插入标准css选择器,您可以将这些属性分配给任何单个元素。