【问题标题】:Durandal dialog scrolling on overflowDurandal 对话框在溢出时滚动
【发布时间】:2014-11-05 16:22:39
【问题描述】:

使用 2.1.0 版的 durandal 我发现了一个我似乎无法解决的问题。

我正在使用一个对话框,但内容对于屏幕来说太大了,屏幕底部的按钮有点脱落,在屏幕下方。

这主要是因为我使用了可见绑定,通过剔除对话框上的显示和隐藏元素,使得 durandal 位置错误和/或在对话框/屏幕溢出时不显示滚动条。

有谁知道如何通过获取滚动条或在屏幕上重新定位来解决这个问题?

我尝试了重新定位方法,但没有成功。 此外,我尝试了这两种方法:

Responsive dialog

Durandal modal dialog

两者都没有帮助,我仍然坚持这一点。 任何人都知道如何在对话框或屏幕上获取滚动条,以便我可以通过滚动实际看到我的按钮?还是有更好的方法来解决这个问题?

【问题讨论】:

    标签: durandal


    【解决方案1】:

    我不确定这是你想要的

    .modal-body {
        max-height: calc(100vh - 210px);
        overflow-y: auto;
    }
    

    http://jsfiddle.net/farizazmi/5Lnqurar/

    【讨论】:

    • 我记得 overflow-y: auto 给 Android 带来了一些问题,或者是 Windows Phone ...如果您确定需要滚动,请将值设置为“scroll”而不是 auto ,所以你是安全的。
    • 这对我不起作用,只有当我显示默认情况下不在屏幕上的新元素,而是通过敲除可见性绑定显示的新元素时,它才会真正消失。他似乎没有重新计算滚动条应该显示的时间。
    猜你喜欢
    • 1970-01-01
    • 2014-09-20
    • 1970-01-01
    • 1970-01-01
    • 2011-08-11
    • 1970-01-01
    • 2014-03-16
    • 1970-01-01
    • 2012-01-21
    相关资源
    最近更新 更多