我想在向下滚动时隐藏我的导航栏,并在向上滚动时显示,但向下滚动发生在窗口向下滚动x像素之后。(在#section1之后的中),如果向上滚动会立即显示导航栏。我正在使用此代码,但我不知道如何定义位置。
var scrollp=0;
(function ($) {
$(document).ready(function(){
$(function () {
$(window).scroll(function () {
// ask about the position of scroll
在Safari和Chrome for Mac等浏览器中,当您在页面开始时尝试向上滚动时,仍然可以向上滚动一点,但会遇到阻力,当您松开时页面会反弹回来。
我的页面顶部有一个导航栏。当用户向上滚动超过页面顶部时,导航栏将与页面的其余部分一起向下移动,就像在中一样。如何才能使导航栏即使在滚动过程中也停留在页面的顶部?
我想改善现有的代码,允许我显示导航栏后,用户向上滚动,但与XXX Px的延迟向上滚动。如何将此Pixel-Amount-Delay集成到我的函数中? 我希望有人能帮助我实现这一点。 /* When the user scrolls down, hide the navbar. When the user scrolls up, show the navbar */
var prevScrollpos = window.pageYOffset;
window.onscroll = function() {
var currentScrollPos = window.pageYOff
我目前有一个导航栏,它在向下滚动时消失,在向上滚动时再次出现(并且在页面顶部总是可见的)。 这在桌面上工作得很好-当页面在顶部时,导航总是显示出来,但在移动设备上,当页面在页面顶部时,导航会出现故障并完全消失。 我如何修改它,使其在向下滚动第一个100px时可见,然后消失,直到用户向上滚动? var prevScrollpos = window.pageYOffset;
window.onscroll = function () {
var currentScrollPos = window.pageYOffset;
if (prevScrollpos > currentScr
我在The New Yorker这样的网站上注意到,在移动设备上,如果你滚动到最上面并继续向上滚动,导航栏就会牢牢地附着在窗口顶部。在我的网站上,当我向上滚动并继续越过页面正文时,导航栏保持与其余内容的连接。我该如何效仿“纽约客”的做法呢?我看过他们的页面的css,但似乎不知道是什么赋予了这种功能。任何帮助都将不胜感激。