Question

我有一个带面板的jqm页面。我希望面板滚动到某个位置。使用$ scrollTo插件可以工作，但它会滚动面板和页面本身。

$('#myPanel').on('panelopen',PanelOpen)
function PanelOpen(myEvent, myUI ) {
    $.scrollTo('#ID498',1000)
}

Here's my example显示滚动面板（万岁）和页面（嘘声）。

现在，从this SO thread，我可以使面板可滚动：

#myPanel .ui-panel.ui-panel-open {
    position:fixed;
}
#myPanel .ui-panel-inner {
    position: absolute;
    top: 1px;
    left: 0;
    right: 0;
    bottom: 0px;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}

但是现在$ .scrollTo插件不起作用。这是my second example，这次面板可滚动，但我无法再使用JavaScript定位它。

Answer 1

我认为你只需要在内部面板div上调用scrollTo（），它实际上设置为溢出并且它将起作用：

function PanelOpen(myEvent, myUI ) {
    $("#myPanel .ui-panel-inner").scrollTo('#ID498',1000)
}

这是一个有效的 DEMO

$ .scrollTo不适用于position：fixed;

1 个答案: