Question

不确定这是否有点困难，但是我要实现的目标是能够滚动到特定页面的顶部并切换div以显示隐藏的搜索表单。

下面是页面顶部的内容

<p>
    <center>
        <a href="javascript:toggle('filterresults')">
            <div class="mobile-button">&#9776; Filter Results</div>
        </a>
    </center>
</p>
<div id="filterresults" style="display:none">SEARCH FORM HERE</div>

当用户向下滚动页面时，我想显示的是固定在底部的按钮，使他们可以滚动回顶部并打开设置为隐藏的div。

这可能吗？如果是这样，任何想法如何实现它。感谢您提供任何建议。

更新好的，到目前为止，这是我确定的功能，我只能做的就是让按钮随着用户向下滚动到页面的深处而逐渐淡入

<script type="text/javascript">//<![CDATA[ 
var x = document.getElementById('filterresults');
function myFunction() {
    if (x.style.display === 'block') {
        x.style.display = 'none';
    } else {
        x.style.display = 'block';
    }
    $("html, body").animate({ scrollTop: 0 }, "slow");
}
</script>
<button onclick="myFunction()">Toggle Results</button>

滚动到页面顶部并打开（切换）div

0 个答案: