代码之家  ›  专栏  ›  技术社区  ›  Straightfw

Grails脚手架视图中没有水平滚动

  •  1
  • Straightfw  · 技术社区  · 6 年前

    我在一些列中有一个具有相对较长值的表,并在Grails应用程序中为它启用了动态脚手架(我使用的是Grails3.3.8)。因此,在某些屏幕分辨率上,它们不适合屏幕,最右边的列最终出现在屏幕之外——事实上,水平滚动条当时不出现,因此用户甚至不知道它们在那里。把它们放回去的唯一方法是缩小-你不能用滚动条(因为它不在那里)或鼠标滚轮滚动;箭头也不起作用。

    如何修复这个问题,使水平滚动条像“常规”网页一样出现在内容超过屏幕大小的网页上?

    1 回复  |  直到 6 年前
        1
  •  1
  •   Straightfw    6 年前

    好吧,明白了!所以诀窍是编辑 assets/stylesheets/main.css 应用文件夹中的文件,特别是此位:

    body {
        background-color: #F5F5F5;
        color: #333333;
        overflow-x: hidden; /* <<<< */
        -moz-box-shadow: 0 0 0.3em #424649;
        -webkit-box-shadow: 0 0 0.3em #424649;
        box-shadow: 0 0 0.3em #424649;
    }
    

    我们编辑 overflow-x hidden auto 瞧!:)

    推荐文章