[英]weird scroll in jquery mobile data-role page or content
I have a jquery mobile page like following 我有一个jQuery的移动页面如下
<div id="main_template_wrapper">
<div data-role="header" class="header" data-position="fixed">
<h1>中文</h1>
</div><!-- /header -->
<div data-role="content" class="content">
<a href='#userprofile' data-role="button">userprofile</a>
<a href='#login' data-role="button">login</a>
<a href='#tutorial/1/1' data-role="button">tutorial</a>
<a href='./spec.html' data-role="button">Jasming</a>
</div><!-- /content -->
<div data-role="footer" class="footer" data-position="fixed">
</div><!-- /footer -->
</div>
When I see this page on ios device, there is always a weird scrollbar on the right, where you can scroll a little bit, why and how to fix this. 当我在ios设备上看到此页面时,总是会在右侧出现一个怪异的滚动条,您可以在其中滚动一点,原因以及解决方法。
Ok. 好。 after some fix, it seem in index.html viewport, I set height=device-height, which caused this error, device-height is longer than screen it seems, after i removed height, the scrollbar is gone. 经过一些修复后,似乎在index.html视口中,我设置了height = device-height,这导致了此错误,device-height比屏幕看起来更长,在我删除高度后,滚动条消失了。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.