Browser 始终显示溢出滚动条

Browser 始终显示溢出滚动条,browser,cross-browser,scroll,scrollbar,overflow,Browser,Cross Browser,Scroll,Scrollbar,Overflow,我注意到在某些情况下,在某些浏览器中,我的水平溢出滚动条在您开始滚动之前不会显示。那不好。。。用户需要知道,除了当前显示的内容之外,还有其他内容 是否有办法确保始终显示滚动条? 我在Lion、MacBook、Safari、Chrome上看到过这个问题。既然您使用的是Lion,请检查系统首选项>常规>显示滚动条。这是操作系统的首选项 这三种选择是: 自动基于输入设备 滚动时 总是 这是他们试图从iOS继承的一项“功能”。也就是说,您可以尝试以下方式: ::-webkit-scrollbar {

我注意到在某些情况下,在某些浏览器中,我的水平溢出滚动条在您开始滚动之前不会显示。那不好。。。用户需要知道,除了当前显示的内容之外,还有其他内容

是否有办法确保始终显示滚动条?


我在Lion、MacBook、Safari、Chrome上看到过这个问题。

既然您使用的是Lion,请检查系统首选项>常规>显示滚动条。这是操作系统的首选项

这三种选择是:

  • 自动基于输入设备
  • 滚动时
  • 总是
  • 这是他们试图从iOS继承的一项“功能”。也就是说,您可以尝试以下方式:

    ::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 7px;
    }
    ::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: rgba(0,0,0,.5);
        -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
    }
    

    既然您使用的是Lion,请检查系统首选项>常规>显示滚动条。这是操作系统的首选项

    这三种选择是:

  • 自动基于输入设备
  • 滚动时
  • 总是
  • 这是他们试图从iOS继承的一项“功能”。也就是说,您可以尝试以下方式:

    ::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 7px;
    }
    ::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: rgba(0,0,0,.5);
        -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
    }
    

    好吧,如果不创建自己的滚动条,真的没有办法解决这个问题。所以我选择创建一个自定义按钮导航。

    好吧,如果不创建自己的滚动条,真的没有办法解决这个问题。因此,我选择创建一个自定义按钮导航。

    请详细说明。为了帮助你,我需要能够重现这个问题。你在说什么情况?哪些浏览器?哪几页?你能创建一个稳定的例子,并张贴在这里吗?请详细说明。为了帮助你,我需要能够重现这个问题。你在说什么情况?哪些浏览器?哪几页?你能创建一个稳定的示例并发布在这里吗?我刚刚在iOS 6.1.3上的iPad2上试用过,但它不起作用。这不适用于移动设备。OP明确表示他使用的是Lion,即OS X 10.7——一种桌面操作系统。我刚刚在iOS 6.1.3上的iPad2上试用过,但它不起作用。这不适用于移动设备。OP明确表示他使用的是Lion,即OSX10.7——一种桌面操作系统。