Authored by 梁志锋

侧边栏滚动效果修改

@@ -36,7 +36,7 @@ function stopPropagation(e){ @@ -36,7 +36,7 @@ function stopPropagation(e){
36 e.cancelBubble = false; 36 e.cancelBubble = false;
37 } 37 }
38 38
39 -function innerScroll(e){ 39 +/**function innerScroll(e){
40 // 阻止冒泡到document 40 // 阻止冒泡到document
41 // document上已经preventDefault 41 // document上已经preventDefault
42 stopPropagation(e); 42 stopPropagation(e);
@@ -58,7 +58,7 @@ function innerScroll(e){ @@ -58,7 +58,7 @@ function innerScroll(e){
58 } 58 }
59 // 会阻止原生滚动 59 // 会阻止原生滚动
60 // return false; 60 // return false;
61 -} 61 +}**/
62 62
63 var disableScroll = function(){ 63 var disableScroll = function(){
64 $(document).on('mousewheel', preventDefault); 64 $(document).on('mousewheel', preventDefault);
@@ -77,8 +77,9 @@ var enableScroll = function(){ @@ -77,8 +77,9 @@ var enableScroll = function(){
77 enableScroll(); 77 enableScroll();
78 });**/ 78 });**/
79 79
80 -// 内部可滚  
81 -$sideNav.on('mousewheel', innerScroll); 80 + // 内部可滚
  81 +$sideNav.on('touchmove mousewheel', stopPropagation);
  82 +
82 // 外部禁用 83 // 外部禁用
83 disableScroll(); 84 disableScroll();
84 85
@@ -91,7 +92,7 @@ $sideNav.on('touchstart', function(e){ @@ -91,7 +92,7 @@ $sideNav.on('touchstart', function(e){
91 }); 92 });
92 93
93 // 仿innerScroll方法 94 // 仿innerScroll方法
94 -$sideNav.on('touchmove', function(e){ 95 +/**$sideNav.on('touchmove', function(e){
95 e.stopPropagation(); 96 e.stopPropagation();
96 97
97 var deltaX = e.originalEvent.touches[0].pageX - startX; 98 var deltaX = e.originalEvent.touches[0].pageX - startX;
@@ -119,7 +120,7 @@ $sideNav.on('touchmove', function(e){ @@ -119,7 +120,7 @@ $sideNav.on('touchmove', function(e){
119 } 120 }
120 // 会阻止原生滚动 121 // 会阻止原生滚动
121 // return false; 122 // return false;
122 -}); 123 +});**/
123 124
124 $('.nav-btn').on('touchstart', function(event) { 125 $('.nav-btn').on('touchstart', function(event) {
125 $sideNav.css('pointer-events', 'none'); 126 $sideNav.css('pointer-events', 'none');
@@ -131,10 +132,10 @@ $('.nav-btn').on('touchstart', function(event) { @@ -131,10 +132,10 @@ $('.nav-btn').on('touchstart', function(event) {
131 openSideNav = true; 132 openSideNav = true;
132 133
133 //设置boy高宽,页面不能上下滑动 134 //设置boy高宽,页面不能上下滑动
134 - $('body').css({ 135 + /**$('body').css({
135 height: $(window).height(), 136 height: $(window).height(),
136 overflow: 'hidden' 137 overflow: 'hidden'
137 - }); 138 + });**/
138 139
139 setTimeout(function() { 140 setTimeout(function() {
140 $sideNav.css('pointer-events', 'auto'); 141 $sideNav.css('pointer-events', 'auto');
@@ -150,10 +151,10 @@ function hideSideBar() { @@ -150,10 +151,10 @@ function hideSideBar() {
150 $('.overlay').hide(); 151 $('.overlay').hide();
151 $('.sub-nav').removeClass('show'); 152 $('.sub-nav').removeClass('show');
152 $sideNav.removeClass('on'); 153 $sideNav.removeClass('on');
153 - $('body').css({ 154 + /**$('body').css({
154 height: 'auto', 155 height: 'auto',
155 overflow: 'auto' 156 overflow: 'auto'
156 - }); 157 + });**/
157 enableScroll(); 158 enableScroll();
158 } 159 }
159 } 160 }
@@ -178,7 +179,7 @@ $sideNav.on('touchend', 'li', function(e) { @@ -178,7 +179,7 @@ $sideNav.on('touchend', 'li', function(e) {
178 179
179 //返回一级导航,收起二级导航 180 //返回一级导航,收起二级导航
180 $subNav.each(function() { 181 $subNav.each(function() {
181 - $(this).find('li').eq(0).on('touchstart', function() { 182 + $(this).find('li').eq(0).on('touchend', function() {
182 $('.sub-nav').removeClass('show'); 183 $('.sub-nav').removeClass('show');
183 return false; 184 return false;
184 }); 185 });