作者hanconquer (I love By2)
看板Web_Design
标题Re: [问题] jQuery滚轮动画与modal冲突
时间Thu Feb 5 02:20:24 2015
我对於这类问题的作法都是用变数表示元件状态,再依据元件状态来开关功能。
(至少我以前写硬体语言都是这麽搞的)
你可以宣告一个变数 var modelClose = true;
动画原始码改成这样:
$(document).ready(function(){
if(modelClose){
动画核心程式码...
...
}
});
model程式码部分,
务必在第一行就让modelClose = false,
关闭/取消model的程式码中,最後一行让modelClose = true。
这样应该就搞定了,有错请板上前辈指教!
※ 引述《cockroach727 (小强)》之铭言:
: 大家好 小弟正在自学做one page website
: 日前找到一段颇小巧的js
: 可以实作出 滑鼠滚轮触发 卷动至上/下一个section的换页动画 效果顺利
: 但我原本有个scroll bar的modal就因此废了
: modal弹出时 滚轮会卷背景 modal里的内容却不会动
: 看起来像是mousewheel冲突到
: 有没有办法限制说 当modal弹出时disable掉这个滚轮换页动画(保持背景不动)
: 让里面的scroll bar正常运作
: 而关掉modal时再enable它
: 我用$('.modal').on('shown.bs.modal',function(e){})
: 写了几种判断条件去wrap都没用
: 请板上高手指点 感恩
: 附上这个动画的原始码:
: $(document).ready(function(){
: var delay = false;
: $(document).on('mousewheel DOMMouseScroll', function(event) {
: event.preventDefault();
: if(delay) return;
: delay = true;
: setTimeout(function(){delay = false},200)
: var wd = event.originalEvent.wheelDelta || -event.originalEvent.detail;
: var a= document.getElementsByTagName('section');
: if(wd < 0) {
: for(var i = 0 ; i < a.length ; i++) {
: var t = a[i].getClientRects()[0].top;
: if(t >= 40) break;
: }}
: else {
: for(var i = a.length-1 ; i >= 0 ; i--) {
: var t = a[i].getClientRects()[0].top;
: if(t < -20) break;
: }}
: $('html, body').stop().animate({
: scrollTop: $(a[i]).offset().top
: }, 800, 'easeInOutExpo');
: });
: });
--
Google 要有车 有帅|███████████████▕
搜寻▏
进阶搜寻 | 使用偏好
▇▇  ̄ ̄ ̄ ̄  ̄ ̄ ̄ ̄
搜寻: ⊙所有网页 ○中文网页○繁体中文网页 ○台湾的网页
所有网页 约有0项符合要有车 有帅的查询结果,以下是第 0项。 共费23年。
您是不是要找 象棋
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 59.127.195.161
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1423074027.A.2A6.html
1F:→ guanting886: 动画的render可以设计一个伫列物件塞callback 02/05 02:59
2F:→ guanting886: 来处理动画的先後顺序 02/05 02:59
3F:→ guanting886: 2. 一个元件的状态不该但一遍数来记录,设计一个物件 02/05 02:59
4F:→ guanting886: 统一管理会比较好,jQuery 可以利用 data() 来记录 02/05 03:00
5F:→ guanting886: element.data('close', true) 02/05 03:01
6F:→ hanconquer: data() 不错用耶,学到一招 02/05 04:07
7F:推 cockroach727: 感谢 很多jQuery函数还没摸熟 02/06 00:51