JSでmargintopを修正して無限スライドを引き起こす方法についてアドバイスをお願いします。
それが起こったのです:。 。 。 。
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"; } } }
この問題はどうすれば解決できますか?皆さんも分かっていると思いますが、私は初心者です！ありがとう！
