使用webkit-scrollbar仍然无法在Safari（iOS 11.1.2）中隐藏滚动条？

Question

我需要在最新的 Safari （iOS 11.1.2）中隐藏我的网络应用中的所有滚动条。 即使滚动也必须隐藏它们。

可滚动元素将-webkit-overflow-scrolling设置为“touch”，以便阅读长列表和内容。

为了隐藏滚动条，我尝试将以下规则应用于可滚动元素：

library(shiny)
library(shinyWidgets)

ui <- fluidPage(
  uiOutput('help')

)

server <- function(input, output) {
  observeEvent(
    input$button, {
      shinyjs::hideElement("dropdown-menu")


    }
  )
  output$help <- renderUI(dropdownButton(
    actionButton("button", "Press this Button to close the dropdownButton!"),
    circle = TRUE, status = "primary", icon = icon("user-circle")
  ) ) 

}

shinyApp(ui = ui, server = server)

或

.element::-webkit-scrollbar {
  display: none;
}

或它的组合。但它没有效果。

在这种情况下是否可以隐藏滚动条？

或者唯一的方法是使用已知的hack来隐藏滚动条，方法是给元素的容器赋一个负边距值？

Answer 1

也许您可以使用：

.element {
  overflow: hidden;
}