我遇到了iPhone的问题,并刷到其他页面.向下滚动页面时,动作的灵敏度很敏感,并将滑动到下一页.有没有办法控制此代码中的滑动敏感度:
<script type="text/javascript">
$(document).ready(function(){
var counter = 1;
$(document).bind('swipeleft','#deal_1',function (event, ui) {
counter++;
if(counter>3)
counter = 1;
var nextpage = 'dailydeal'+counter+'.html';
if (nextpage.length > 0) {
$.mobile.changePage(nextpage, {transition: "slide",
reverse: false}, true, true);
}
});
$(document).bind('swiperight','#deal_1',function (event, ui) {
counter--;
if(counter<1)
counter=3;
var prevpage = 'dailydeal'+counter+'.html';
if (prevpage.length > 0) {
$.mobile.changePage(prevpage, {transition: "slide",
reverse: true}, true, true);
}
});
});
</script>
Run Code Online (Sandbox Code Playgroud) 我使用的是引导3的一些实例为当它到达移动关闭帆布侧边栏菜单,在这里可以看到:http://jsfiddle.net/AllenDB/9aAjJ/
如何让画布上的菜单调整为像Facebook的搜索/朋友在线画布菜单一样,它总是从菜单顶部开始,你只能滚动?与我的示例一样,导航栏是固定的,因此可以切换侧边栏菜单.但是,当您向下滚动实际页面并切换菜单时,您必须向上滚动以查看链接.我想看看如何将其调整到菜单从顶部开始的位置并将内容和固定导航栏推到一边,同时能够在菜单内滚动而不是内容?
CSS:
html,
body { overflow-x: hidden; }
body { padding-top: 70px;}
.navbar { color: #FFF; }
footer { padding: 30px 0; }
/*
* Off Canvas
* --------------------------------------------------
*/
@media screen and (max-width: 767px) {
.row-offcanvas { position: relative; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }
.row-offcanvas-right
.sidebar-offcanvas { right: -50%; /* 6 columns */ }
.row-offcanvas-left
.sidebar-offcanvas { left: -50%; /* 6 columns */ }
.row-offcanvas-right.active { right: 50%; /* …Run Code Online (Sandbox Code Playgroud)