如何将滚动条显示给从小屏幕设备访问网站的平板电脑用户？

我想在我的网站上做一件简单的事情，当有人在网站上浏览时，他们可以通过滚动浏览内容来查看内容。如何将滚动条显示给从小屏幕设备访问网站的平板电脑用户？

假设我有一个100％宽度的滑块，那么他们可以通过滑块底部的滚动条看到图像的其他部分。左侧和右侧内容相同。

是否有人知道应用此技巧的任何技巧。当我写宽：100％;溢出：当我尝试从小屏幕上滚动它没有显示任何东西给用户。

<div class="slide-images"> 
         <div class="slide-img"> 
          <img src="assets/img/slide_plumb_01.png" alt=""> 
         </div> 
         <div class="slide-img"> 
          <img src="assets/img/slide_plumb_02.png" alt=""> 
         </div> 
         <div class="slide-img"> 
          <img src="assets/img/slide_plumb_03.png" alt=""> 
         </div> 
        </div>

来源

2013-03-02 user2126670

平板电脑/手机通常不会显示滚动条，直到你开始滚动，它会消失，一旦你停下来。由于屏幕较小，您不能浪费滚动条上的任何空间。如果你真的想要，你必须自己写一个，但我不明白这一点。 – sachleen 2013-03-02 19:57:21

当您使用width: 100%;这意味着它100%到视所以我不知道这是如何失败的，而不是%使用em你，也滚动，如果你的页面超过视口的高度和宽度是默认可用，除非和直到您使用overflow: hidden;，如果你想不同风格的屏幕和设备使用CSS3 @media queries

语法

@media all and (max-width: 400px) and (min-width: 240px) { /* You can set the 
                   resolutions here 
                  */ 
    /* Styles goes here */ 
}

这里是一个很好的文章get started与媒体查询

来源

2013-03-02 19:58:20

@alien，抱歉，我不想在我的项目中编写媒体查询。我只想写一个显示底部滚动条的黑客，并且用户可以使用滚动条滚动 – user2126670 2013-03-02 20:01:40

@ user2126670为什么对媒体查询这么冗余？并且如果你的页面超过了视口，你应该默认获得一个滚动条 – 2013-03-02 20:02:38

如何将滚动条显示给从小屏幕设备访问网站的平板电脑用户？

回答

相关问题