繁体   English   中英

滚动时隐藏或显示菜单栏

Hide or show menu bar on scrolling

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

$('body').scrollTop() > 45时我要给div设置动画

用户向上滚动时,我需要为同一div设置动画。 我尝试了这段代码, 如果可行的 ,第一个。 如何获得第二个条件才能工作?

    if ($('body').scrollTop() > 45) {

        $('.my-div').animate({
            top:'-45px'
        }, 200);
    }         
    if (¿?user-scrolls-up¿?) {

        $('.my-div').animate({
            top:'0px'
        }, 200);
    } 
1 个回复

一种方法是将滚动值保存到滚动变量。 然后,您可以将该值与上一个滚动值进行比较。 如果先前>当前,则用户已向上滚动。

这是针对这种情况的伪代码

var lastScroll = 0;
$(window).scroll(function() {
    var currentScroll = $(window).scrollTop();
    ... Your first if perhaps using currentScroll ...
    if(currentScroll < lastScroll) {
        $('.my-div').animate({
            top:'0px'
        }, 200);
    }
    lastScroll = currentScroll;
}

或者,您可以使用setInterval ,将上次迭代间隔的滚动位置与当前迭代进行比较

1 如何显示和隐藏菜单栏

请查看此菜单的设计: http : //jordanek.eu/aktual/index6.html我在其中制作了一个菜单(左侧),该菜单具有一些功能,例如,单击白色条形“ Vyrobce”,然后单击黄色条形“会出现“ Vyrobce”,白色栏“ Vyrobce”会消失。 然后,当单击黄色栏“ ...

4 向下滚动:标题栏显示和隐藏

您好,我似乎对我的视图控制器有一些问题。 当用户向下滚动时,标题栏将逐渐淡出,一旦用户向上滚动,标题栏将逐渐淡入。我的问题是,上下滚动时,标题栏有时会卡住并变得断断续续,如下图: 白色条卡住而没有干净的出现和消失效果。 这是代码: ...

5 在tableView滚动上显示和隐藏导航栏

在桌面滚动时显示和隐藏导航栏,最初导航栏是隐藏的.Tableview只包含一个节标题,当我们向上滚动时节标题到达顶部但是当我们向下轻微向下滚动时,状态栏和导航栏会生动地显示向下拉节目标题但是作为节标题向下滚动导航栏和状态栏隐藏。我想实现这种情况。 我正在尝试实现这一点,但最初隐藏导航栏并带来导 ...

6 滚动时隐藏并再次显示的菜单

单击菜单时,我试图隐藏菜单。 当您单击菜单时,它会滑到侧面的特定部分(onepage网站)。 当菜单向下/向上滚动时,我喜欢隐藏菜单,当菜单达到页面上的要点或停止滚动时,菜单会再次显示。 我也尝试使用slideUp和slideDown代替fadeOut / In 这是可行的,但 ...

8 删除“显示/隐藏标签栏”菜单项

最新版本的 macOS Sierra 在“查看”菜单中添加了“显示/隐藏标签栏”菜单项。 它动态地执行此操作。 我的应用程序已经使用MMTabBarView库包含了它自己的标签栏。 我更愿意继续使用这个库,因为它使我能够向后兼容选项卡,并且能够对选项卡进行一些自定义。 我在苹果NSDocu ...

9 Android-以片段显示/隐藏动作菜单栏

这是我的情况:我有三个片段,我只想在其中一个片段中显示一个动作栏。 在创建片段的活动中,我目前拥有正确创建菜单栏的以下代码: 然后在我要隐藏菜单栏的片段之一中,我有以下代码: 有谁知道我在做什么错或合适的解决方案? 提前致谢 ...

10 试图在操作栏上隐藏和显示菜单项

我已经查看了堆栈溢出的问题,但无法找到解决方案。 这会将我的菜单项设置为可见(item1和item2)。 onclick工作得很好 然后这将我的isdown布尔值设置为false。 堆栈上的人说每次点击都会触发onPrepareOptionsMenu,但事实并非如此。 我能 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2021 STACKOOM.COM