我正在使用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);
感谢您的帮助
答案 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;
}
中实施的