PTT
Submit
Submit
選擇語言
正體中文
简体中文
PTT
Web_Design
[問題] jQuery滾輪動畫與modal衝突(解決)
作者:
cockroach727
(小強)
2015-02-05 00:43:30
大家好 小弟正在自學做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
作者:
iamnodoubt
(Have Fun)
2015-02-05 10:58:00
好像大部份都是用下一篇講的那樣控制,js也可以取消事件綁定,
http://www.css88.com/jqapi-1.9/off/
繼續閱讀
[問題] 請問目前網頁的超連結是怎麼做的
PowerKid
Fw: [問題] 關於PHP網頁上做CSS編輯的問題...?
voaj
[問題] Amazon Web Service 註冊問題
chiuhyades
[討論] Yahoo vs Google
backfish
Re: [問題] web font 完全載入?
iamnodoubt
[問題] 網頁設計請問(連初學者都不算@@)
angelo7036
[問題] 網頁上的字型版權
JimmyWr
[問題] 有推薦臺南市的公家機關的網站設計嗎?
milkfox
Fw: [家教] 台北市中山區 PHP CodeIgniter
xxFrency
[問題] dot tk DNS設定 cgi-sys/defaultwebpage.cgi
oToToT
Links
booklink
Contact Us: admin [ a t ] ucptt.com