Grails支架视图中无水平滚动

时间:2019-01-25 10:32:55

标签: java grails grails-3.0 grails3

我有一个表,其中某些列的值相对较长,并且在我的Grails应用程序中为其打开了动态脚手架(我正在使用Grails 3.3.8)。因此,在某些屏幕分辨率下,它们不适合屏幕,并且最右边的列最终出现在屏幕之外-事实是,那时没有出现水平滚动条,因此用户甚至都不知道它们在那里。使它们重新变回的唯一方法是缩小-您不能滚动滚动条(因为它不在那儿)或鼠标滚轮;箭头也不起作用。

如何解决此问题,使水平滚动条显示在内容超出屏幕大小的“常规”网页上?

1 个答案:

答案 0 :(得分:1)

好,知道了!因此,诀窍是编辑app文件夹中的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的{​​{1}}编辑为hidden,瞧! :)