如何用JQ實(shí)現(xiàn):鼠標(biāo)往下滾動(dòng)頁(yè)面,導(dǎo)航消失,往上滾動(dòng)頁(yè)面,導(dǎo)航顯示。
廢話不多說,直接上代碼:
<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"); // 向上滾,這里的代碼自己定義,我提供的只是一個(gè)演示。 } else if (delta < 0) { $("#top").addClass("d-none"); // 向下滾,這里的代碼自己定義,我提供的只是一個(gè)演示。 } }); }) </script>
有關(guān)我們服務(wù)的更多信息,請(qǐng)聯(lián)系項(xiàng)目經(jīng)理
15899750475 楊先生