Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.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 删除滚动条,同时保持滚动功能_Html_Css_Scroll_Overflow - Fatal编程技术网

Html 删除滚动条,同时保持滚动功能

Html 删除滚动条,同时保持滚动功能,html,css,scroll,overflow,Html,Css,Scroll,Overflow,我需要删除我的网站中的滚动条 但是当我使用溢出:隐藏时,我的页面将不再滚动。还有其他解决办法吗 我在谷歌上找不到一个。我尝试使用overflow:hidden;但它完全按照你说的做。。因此,您应该尝试将其添加到css中 body::-webkit-scrollbar{ display: none; } 我尝试使用溢出:隐藏;但它完全按照你说的做。。因此,您应该尝试将其添加到css中 body::-webkit-scrollbar{ display: none; } 在页面上隐

我需要删除我的网站中的滚动条

但是当我使用溢出:隐藏时,我的页面将不再滚动。还有其他解决办法吗


我在谷歌上找不到一个。

我尝试使用overflow:hidden;但它完全按照你说的做。。因此,您应该尝试将其添加到css中

body::-webkit-scrollbar{
    display: none;
}

我尝试使用溢出:隐藏;但它完全按照你说的做。。因此,您应该尝试将其添加到css中

body::-webkit-scrollbar{
    display: none;
}

在页面上隐藏元素的基本方法是分配
display:none;或可视性:隐藏


甚至不可见的元素也会占用页面空间。使用“显示”属性创建不占用空间的不可见元素

在页面上隐藏元素的基本方法是分配
display:none;或可视性:隐藏

甚至不可见的元素也会占用页面空间。使用“显示”属性创建不占用空间的不可见元素

试试看:

Overflow : auto
如果需要滚动,它将自动显示

你也可以试试

Overflow-X : auto
Overflow-Y : auto
如果这能解决您的问题,请告诉我。

试试:

Overflow : auto
如果需要滚动,它将自动显示

你也可以试试

Overflow-X : auto
Overflow-Y : auto

请告诉我这是否解决了您的问题。

如果需要删除滚动条,可以使用这些属性。请检查并分享是否适合您。检查

#container{
    width:100%;
    height:100%;
    overflow:auto;
    position:fixed;
    padding-right:20px; /*will give a Illusion of removing the scrollbar because browser scrollbar width is 20px*/
}

如果需要删除滚动条,可以使用这些属性。请检查并分享是否适合您。检查

#container{
    width:100%;
    height:100%;
    overflow:auto;
    position:fixed;
    padding-right:20px; /*will give a Illusion of removing the scrollbar because browser scrollbar width is 20px*/
}

我不认为有一个跨浏览器的解决方案来隐藏滚动条,同时保留滚动功能

尽管如此,在全身包装器的帮助下,您可以很容易地模拟这种行为,该包装器采用身体的尺寸,但在右侧填充以隐藏滚动条

是的,您必须将
overflow:hidden
属性赋予body,但包装器将成为新的可滚动元素。以下内容应该适合您:

HTML

<div id="wrapper">Lots of text.....</div>

我认为没有一种跨浏览器解决方案可以在保留滚动功能的同时隐藏滚动条

尽管如此,在全身包装器的帮助下,您可以很容易地模拟这种行为,该包装器采用身体的尺寸,但在右侧填充以隐藏滚动条

是的,您必须将
overflow:hidden
属性赋予body,但包装器将成为新的可滚动元素。以下内容应该适合您:

HTML

<div id="wrapper">Lots of text.....</div>


在哪个元素上使用此属性?主体。Mike的答案确实有效,但并非在所有浏览器中都有效…发布了我的答案,请检查。您在哪个元素上使用此属性?正文。Mike的回答确实有效,但不是在所有浏览器中都有效…发布了我的答案,请检查。但是其他浏览器如IE和FF如何?这在Chrome中有效。但事实上,在IE和其他浏览器中呢。。这只适用于Chrome。目前还没有针对其他浏览器的任何其他解决方案。所以我认为您应该坚持使用JQuery。我发现了另一条与此相关的线索。你应该去看看。嗯,我还发现了别的东西。父div的宽度为150px,溢出:hidden;。父对象内的div的宽度超过父对象的宽度。由于溢出:隐藏,您将看不到滚动条。也许这会有帮助:但是像IE和FF这样的其他浏览器呢?这在Chrome中是有效的。但事实上,在IE和其他浏览器中呢。。这只适用于Chrome。目前还没有针对其他浏览器的任何其他解决方案。所以我认为您应该坚持使用JQuery。我发现了另一条与此相关的线索。你应该去看看。嗯,我还发现了别的东西。父div的宽度为150px,溢出:hidden;。父对象内的div的宽度超过父对象的宽度。由于溢出:隐藏,您将看不到滚动条。也许这有帮助:我明白了。但现在您使用的是溢出:隐藏。这导致我创建了一个没有滚动条的页面。但是这个网站也不能再滚动了。除非我们看到任何代码,否则很难解决这个问题。。每个人都只能在这里做出假设。看来@oGeez给出了正确的解决方案。我希望你正在寻找的解决方案……我明白了。但现在您使用的是溢出:隐藏。这导致我创建了一个没有滚动条的页面。但是这个网站也不能再滚动了。除非我们看到任何代码,否则很难解决这个问题。。每个人都只能在这里做出假设。看来@oGeez给出了正确的解决方案。我希望你正在寻找的解决方案。。