在自定义 div 上滚动时显示隐藏元素答案

【问题标题】：Show hidden element when scroll on custom div在自定义 div 上滚动时显示隐藏元素
【发布时间】：2019-03-30 07:15:51
【问题描述】：

我有一个这样的页面：

----------------------
.header
----------------------


.content
   .hidden-element (fixed right side)


----------------------
.footer
----------------------

我想在您只滚动内容部分时显示隐藏元素。

例如，您开始从标题部分向下滚动。当您来到内容部分时，将出现隐藏元素。如果再次向下滚动到页脚部分，隐藏的元素将再次被隐藏。

我该怎么做？

【问题讨论】：

stackoverflow.com/questions/4837772/… 的可能重复项

标签： javascript jquery

【解决方案1】：

<!DOCTYPE html>
<html>
<head>
    <script src="https://code.jquery.com/jquery-3.3.1.min.js"
            integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
            crossorigin="anonymous"></script>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>
    <script>
        $(window).scroll(function () {
            if ($(this).scrollTop() > 300) {

                $('.myDiv').hide(1000);
            }
            else {
                $('.myDiv').show(1000);
            }
        });
    </script>
    <br />
    <div style="height:400px"></div>

    <div class="myDiv">
        <ul>
            <li>Arunachal Pradesh</li>
            <li>Himachal Pradesh</li>
            <li>Uttar Pradesh</li>
            <li>Madhya Pradesh</li>
            <li>Andhra Pradesh</li>
        </ul>
    </div>

    <div style="height:1000px"></div>
</body>
</html>

请检查上面的代码这个示例代码很简单 2 主要功能 $(窗口).scroll() 是检测页面的滚动事件 if($(this).scrollTop() > 300) 当超过 300 时检查从页面顶部滚动的像素然后隐藏 div 或在 else 条件下显示 div。

【讨论】：

我想没有解释这根本没有帮助
@Traxstar 希望我的解释对你有所帮助