Question

我制作了一个具有响应式布局的Shiny应用程序。当屏幕尺寸较小时，图表会按照预期从水平到垂直方式自动重新排列。但是，当垂直显示应用程序时，滚动条根本不显示。情节只是在观点上被切断了。用户无法进入下方的情节。

我的Shiny应用程序可以在这里查看， https://tmasjc.shinyapps.io/airbnb_market_data/

源代码可以在这里找到， https://github.com/tmasjc/Airbnb_Market_Data

用户界面非常简单

fluidPage(
    # Upper half
    leafletOutput("map", "100%", 400),
    hr(),
    uiOutput("h4"),
    fluidRow(
            # Lower half
            column(width = 2,
                         selectInput("city", label = "Select A City", choices = c("", toupper(city_list))),
                         selectInput("area", label = "Filter By Area", character(0)),
                         verbatimTextOutput("roomInBounds")),
            column(width = 10,
                      column(6, plotlyOutput("price")),
                      column(6, plotlyOutput("host"))
            )
        )
    )

我已尝试使用Chrome Sproofer进行各种浏览器测试。所有结果都是负面的。此外，我能够很好地滚动其他Shiny应用程序（例如this one）。

有没有人遇到类似的情况？真诚地感谢任何帮助。

Answer 1

这太尴尬了。我寻找在UI工作的朋友。解决方案是手动添加侧栏。

fluidRow(
  style = "max-height: 50vh; overflow-y: auto;" 
...

滚动条没有显示在Shiny中

1 个答案: