分类导航

jQuery 发布时间：2022-03-30 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了jquery – 滚动经过某个点后如何显示浮动菜单？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

@H_674_0@

参见英文答案 > Make a div appear when scrolling past a certain point of a page 3个
滚动浏览页面上的某个点(例如：1000pX)后,我想显示四个菜单选项卡.我希望它们出现时从左向右滑动.这就是我想要的,但在浏览器的左侧.任何输入都表示赞赏.

解决方法@H_450_8@

首先,您将要开始跟踪页面的滚动.其次,你需要在需要时从左到右制作分界线.为此,您需要使用滚动功能,以及其他一些用于动画部分的功能.

这里是您想要的基础,没有滚动.

function slider() {
    if (document.body.scrollTop > 100) //Show the slider after scrolling down 100px
        $('#slider').stop().animate({"margin-left": '0'});
    else
        $('#slider').stop().animate({"margin-left": '-200'}); //200 matches the width of the slider
}

现在,您将要在用户滚动时触发此功能,使用：

$(window).scroll(function () {
    slider();
});

最后,您还需要在用户第一次到达时调用该函数,使用户在页面的一半开始,使用：

$(document).ready(function () {
    slider();
});

有几点需要注意：

我已经将滑块宽度硬编码为200px,起点为100px.
stop()函数非常重要,可以阻止动态函数被冗余调用.

这是一个工作jsfiddle与匹配的CSS

@H_674_0@

大佬总结

以上是大佬教程为你收集整理的jquery – 滚动经过某个点后如何显示浮动菜单？全部内容，希望文章能够帮你解决jquery – 滚动经过某个点后如何显示浮动菜单？所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。