我的可滚动视图滚动但在释放时总是返回顶部

时间:2013-11-29 08:26:27

标签: dojo dojox.mobile

我正在使用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);

感谢您的帮助

1 个答案:

答案 0 :(得分:0)

我放在这里: http://jsfiddle.net/adrian_vasiliu/yjuWz/2/ 修改后的代码变体,适用于我。

虽然我不认为这会导致您描述的麻烦,但我删除了您在ScrollableView上设置的填充顶部,因为这(不幸的是)禁止滚动完全移至底部。我认为这个限制将在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/

中实施的