それが起こったのです:。 。 。 。
Web ページを作成しました。Web ページの下部は、読み込み後に自動的に上に移動するまで 3 秒待つ必要があるため、Jquery のアニメーション メソッドを使用しました:
$("#part2" ).animate({marginTop: "-=800px"}, 8000);
Range、この方法を使用した後、マウス ホイールで削除できないことがわかりました。
そこで、JS コードを使用してホイールの動きを監視しました。ホイールの動きがあった場合は、part2 レイヤーが上下にスライドできるように margintop プロパティを変更します。車輪。 。
ようやく機能が実装されていることが分かりましたが、part2のmargin-top属性を無限に増やすことができ、part2が無限遠まで下がってしまうこともあり、この時は混乱しました。
$(document).on('mousewheel DOMMouseScroll', onMouseScroll); function onMouseScroll(e) { e.preventDefault(); var Wheel = e.originalEvent.wheelDelta || -e.originalEvent.detail; var delta = Math.max(-1, Math.min(1, Wheel)); var part2= document.getElementById('part2'); if (delta < 0) {//下にスクロール console.log(' Scroll down'); part2.style.marginTop =( parseInt(part2.style.marginTop) - delta*20) "px"; .marginTop =( parseInt(part2.style.marginTop) delta*20 ) "px"; } } }
この問題はどうすれば解決できますか?皆さんも分かっていると思いますが、私は初心者です！ありがとう！
