【问题标题】:my scrollable view scrolls but always goes back to top when released我的可滚动视图滚动,但释放时总是回到顶部
【发布时间】:2013-12-15 09:12:58
【问题描述】:

我正在使用 dojo 移动可滚动视图。

视图滚动,但是当我释放它时,视图又回到顶部,我不知道为什么。

这是我的代码摘录:

var node = domConstruct.create("div", {
            id: "dtm-dialog-summary-scrollableView",
            style: "padding-top: 40px;"
        });

        var refNode2 = dom.byId("dtm-dialog-summary");
        domConstruct.place(node, refNode2);

        var view = new dojox.mobile.ScrollableView(null, "dtm-dialog-summary-scrollableView");
        view.startup();
//add a component (and many others in the scrollable view)
var divDetailledPlot1 = domConstruct.create("div", {
            "class":"div-detailled-plot",
            "id":"detailled-display-1"
        }, view.containerNode);

感谢您的帮助

【问题讨论】:

    标签: dojo dojox.mobile


    【解决方案1】:

    我放在这里: http://jsfiddle.net/adrian_vasiliu/yjuWz/2/ 对我有用的代码的修改变体。

    虽然我认为这不会导致您描述的问题,但我删除了您在 ScrollableView 上设置的 padding-top,因为这(不幸的是)禁止滚动完全到底部。我认为这个限制将在 Dojo 2 中消除。相反,正如您在 jsfidle 中看到的那样,我在 ScrollableView 中放置了一个带有所需 padding-top 的中间 div:

    var divDetailledPlot1Top = domConstruct.create("div", {
            ...
            style: "padding-top: 40px;"
    }, view.containerNode);
    

    如果还是不行,请告知 Dojo 和浏览器/操作系统版本,并提供可运行的示例进行复现。

    编辑:或者,直接在 ScrollableView 的 containerNode 上设置填充样式:

    .mblScrollableViewContainer {
        padding-top: 40px;
    }
    

    这是在http://jsfiddle.net/adrian_vasiliu/yjuWz/3/ 中实现的。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-06-26
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多