前提・実現したいこと
いつもお世話になっております。
tweenMaxを使用しスムーススクロールを実装しました。
↑この要素上(div.news_wrap)をスクロールした時のみtweenmaxで実装しているスムーススクロールを中断し、デフォルトのスクロールに。
この要素の外をスクロールした時にはまたスムーススクロールを復活させたいです。
###main.js
var $window = $(window); var scrollTime = 1; var scrollDistance = 100; $window.on("mousewheel DOMMouseScroll", function(e) { e.preventDefault(); var delta = e.originalEvent.wheelDelta / 120 || -e.originalEvent.detail / 3; var scrollTop = $window.scrollTop(); var finalScroll = scrollTop - Math.floor(delta * scrollDistance); var tl = TweenMax.to($window, scrollTime, { scrollTo: { y: finalScroll, autoKill: true }, ease: Power1.easeOut, autoKill: true, }); if (e.currentTarget == 'news_wrap') { tl.kill(); } });
補足情報(FW/ツールのバージョンなど)
正直tweenmaxの使い方がよく分かりません。。
javascriptに不慣れなため説明がわかりづらくて申し訳ありません。
大変恐縮ですがお力をお貸しいただけると幸いです。
よろしくお願い致します。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。