Jquery mobile $.scrollTo不';t工作位置:固定;
我有一个带有面板的jqm页面。我希望面板滚动到某个位置。 使用$scrollTo插件可以工作,但是它可以滚动面板和页面本身Jquery mobile $.scrollTo不';t工作位置:固定;,jquery-mobile,Jquery Mobile,我有一个带有面板的jqm页面。我希望面板滚动到某个位置。 使用$scrollTo插件可以工作,但是它可以滚动面板和页面本身 $('#myPanel').on('panelopen',PanelOpen) function PanelOpen(myEvent, myUI ) { $.scrollTo('#ID498',1000) } 显示它滚动面板(万岁)和页面(boo) 现在,从开始,我可以使面板滚动: #myPanel .ui-panel.ui-panel-open { po
$('#myPanel').on('panelopen',PanelOpen)
function PanelOpen(myEvent, myUI ) {
$.scrollTo('#ID498',1000)
}
显示它滚动面板(万岁)和页面(boo)
现在,从开始,我可以使面板滚动:
#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插件不起作用了。这一次,面板是可滚动的,但我无法再使用JavaScript定位它。我认为您只需要调用内部面板div上的scrollTo(),它实际上设置为overflow,可以工作:
function PanelOpen(myEvent, myUI ) {
$("#myPanel .ui-panel-inner").scrollTo('#ID498',1000)
}
这是一个正在工作的
如果只想滚动面板,
overflow-y:scroll代码>应该修复它。然而,它在Android上不起作用。要修复面板,请添加data position fixed=“true”
。这太棒了!问:您是如何将我的页面导入JSFIDLE的?您是否复制/粘贴了我的代码,或者是否有工具将JSFIDLE指向url并让它导入所有内容?我只是手动复制了相关的代码和链接。我不知道有什么工具可以自动化这个。