javascript - 允许滚动但隐藏滚动条

标签 javascript html css

<分区>

我有一个 div 元素样式如下:

 <div style="overflow-y: auto; max-height: 300px;">< id="DivTableContainer" ></div>

当它变得高于 300 像素时,我需要允许沿 y 轴滚动,这很好用。但我需要将 "visiblity = false" 设置为滚动条本身。

我尝试使用这个元素样式:

overflow-y: hidden;

虽然它隐藏了滚动条,但它也不允许滚动。有没有办法在滚动条不可见的情况下进行滚动?

最佳答案

如果在 HTML 中使用两个 div 容器会更好。

如下图:

HTML:

<div id="container1">
    <div id="container2">
        // Content here
    </div>
</div>

CSS:

 #container1{
    height: 100%;
    width: 100%;
    overflow: hidden;
}

 #container2{
    height: 100%;
    width: 100%;
    overflow: auto;
    padding-right: 20px;
}

关于javascript - 允许滚动但隐藏滚动条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25095539/

相关文章:

javascript - javascript 可以访问通过 <img src= 加载的图像中的二进制数据吗

javascript - 当我在 iOS 网站上输入密码时如何隐藏最后一位数字

css - 如何对齐 SVG 路径或增加元素的大小?

javascript - Mootools 和 IE9

javascript - 通过滚动位置更改元素属性

javascript - html5/js代码与Windows Phone 8原生代码如何交互?

css - 应用显示 : table 后转换不起作用

javascript - 如何通过 jquery/javascript 在 <head> 中添加任何内容?

ruby-on-rails - HAML:表格列的宽度不起作用

javascript - 使用箭头函数作为传递给 requestAnimationFrame 的方法