Question

所以，我的问题是，当我有一些滚动元素时，触摸/移动设备上的滚动条在我没有滚动内容时不会自动隐藏。它始终保持可见。但是，我必须说，我不知道我的CSS .touch .scrollable规则是否存在问题，或者它是因为我在Chrome中的设备模拟器中对此进行了测试（我现在没有和我一起使用我可以测试的实际移动设备。如果有人可以查看我的代码：http://jsfiddle.net/om4xmwnh/并告诉我/它是否有什么问题，我真的很感激帮助。谢谢！：）

Answer 1

通过使用css，我们无法自动隐藏触摸设备上的滚动内容侧边栏

我们必须使用mordernize js

Answer 2

我不确定我是否理解了你的问题，但是如果你想隐藏滚动条并且只在必要时将其显示在例如悬停div上，我认为这样的事情会这样做：

.no-touch .scrollable {
    position: relative;
    overflow: hidden;
}
.no-touch .scrollable:hover {
    overflow: auto;
}

或类似的内容取决于您希望其生效的屏幕尺寸

@media (max-width: 700px){
    .no-touch .scrollable {
        position: relative;
        overflow: hidden;
    }
    .no-touch .scrollable:hover {
        overflow: auto;
    }
}

如果这不起作用，我认为您的解决方案是使用一些滚动条插件或创建一个

自动隐藏触摸设备上的滚动内容侧边栏

2 个答案: