Html 是否可以在浏览器上覆盖DIV'；什么是滚动条？_Html_Css

Html 是否可以在浏览器上覆盖DIV'；什么是滚动条？

html css

Html 是否可以在浏览器上覆盖DIV'；什么是滚动条？,html,css,Html,Css,有没有办法将DIV覆盖在浏览器的滚动条上我意识到可以使用溢出：none隐藏滚动条，但我想在滚动条上放置一个DIV，而不是隐藏它。不，不能在视口外渲染内容。但是，您可以删除浏览器的滚动条，并替换您自己的滚动条，从而实现更大的灵活性有关详细信息，请参阅。否。除非您编写自己的滚动条实现，否则无法执行此操作编写自己的滚动条实现的缺点包括缺乏对其他设备的测试和支持但是，这可能会有所帮助。如果您查看google文档中的文档，这与他们显示自己的滚动条的操作非常相似如果使用overflow:hidde

有没有办法将DIV覆盖在浏览器的滚动条上

我意识到可以使用

溢出：none

隐藏滚动条，但我想在滚动条上放置一个DIV，而不是隐藏它。

不，不能在视口外渲染内容。但是，您可以删除浏览器的滚动条，并替换您自己的滚动条，从而实现更大的灵活性

有关详细信息，请参阅。

否。除非您编写自己的滚动条实现，否则无法执行此操作

编写自己的滚动条实现的缺点包括缺乏对其他设备的测试和支持

但是，这可能会有所帮助。

如果您查看google文档中的文档，这与他们显示自己的滚动条的操作非常相似

如果使用

overflow:hidden

隐藏滚动条，则可以在页面右侧自由创建自己的元素。您不会“覆盖”浏览器的滚动条。相反，在使用

溢出：隐藏之前，您的滚动条将与浏览器的位置相同
您将投入到模拟滚动条行为的有趣挑战中，包括拖动、单击页面上下区域等，以及相应地移动内容。
如果滚动条不是用于
元素，您可以将div放置在滚动条上。下面是使溢出的div覆盖另一个div的滚动条的代码

HTML:
不能将div放置在文档/视口之外。但是，您可以隐藏滚动条，并使用div或自定义滚动条代替滚动条

css
js
您可以隐藏滚动条，然后自己用javascript创建一个滚动条，然后在上面覆盖一个div
。请不要这样做。你不想在滚动条上放置任何东西。是的，使用chrome，希望你的bug像我的一样消失：（它将我的滚动条置于覆盖模式，但如果我在新选项卡中打开它，它将是正常的滚动条。就像这样：击败我！@manuc66，我不认为这与此主题有任何关系。溢出：无；？@Brandito Jeopardy！更好@AaronLS@Brandito是的，最初的问题是关于溢出的：无和我没有注意到错误。如果我负责属性值，我会选择“无”而不是“隐藏”。
<body>
    <div id="content">
        Code goes here instead of BODY
        <div class="test"></div>
    </div>
    <div class="overflow">CONTENT FOR OVERFLOW ELEMENTS</div>
</body>

html, body {
    margin:0;
    padding: 0;
}
#content {
    background: lime;
    overflow: auto;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.overflow {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    width: 10px;
    background: blue;
}

.test {
    background: red;
    height: 1000px;
    margin: 20px;
}

#scrollbardiv{
    height:100%;
    width:12px;
    background:red;
    position:fixed;
    top:0px;
    right:0px;
}

.noscrl{
    overflow:hidden;
}
body{
    overflow:auto;
}

$("#toggle").on("click", function(){

  $("body").toggleClass("noscrl");

})