Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html Safari上的强制滚动条_Html_Css - Fatal编程技术网

Html Safari上的强制滚动条

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

有没有办法强制在Safari Lion上显示垂直滚动条。
它仅在单击页面最右侧时显示。我有一个元素,其中有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选择器,您可以将这些属性分配给任何单个元素。