
如何用JQ實現(xiàn):鼠標往下滾動頁面,導航消失,往上滾動頁面,導航顯示。
廢話不多說,直接上代碼:
<script>
$(function() {
$(document).on("mousewheel DOMMouseScroll", function (e) {
var delta = (e.originalEvent.wheelDelta && (e.originalEvent.wheelDelta > 0 ? 1 : -1)) || // chrome & ie
(e.originalEvent.detail && (e.originalEvent.detail > 0 ? -1 : 1)); // firefox
if (delta > 0) {
$("#top").removeClass("d-none"); // 向上滾,這里的代碼自己定義,我提供的只是一個演示。
} else if (delta < 0) {
$("#top").addClass("d-none"); // 向下滾,這里的代碼自己定義,我提供的只是一個演示。
}
});
})
</script>