jquery实现鼠标向下滚动右侧才出现返回顶部链接

来源：互联网发布：曼德拉效应知乎编辑：程序博客网时间：2024/06/17 04:13

</pre><span style="color: rgb(73, 73, 73); font-family: simsun; line-height: 21px; background-color: rgb(247, 205, 191);"></span><p><span style="font-size:18px;">右侧的浮动层如上图所示，但是我们现在想实现这种效果：页面刚打开的时候不显示top返回顶部的链接，鼠标向下滚动的时候才出现，当点击top按钮后或者鼠标滚动到最上方时，top消失。</span></p><p><span style="font-size:18px;">大体html代码:</span></p><p><pre name="code" class="html" style="font-size:18px;"><div class="float_right">  <ul>    <li></li>    <li></li>    <li id="to_top"></li>  </ul></div>

jquery代码:

function rightBar() {        $(window).scroll(function () {            var scroll_top = $(document).scrollTop();            if (scroll_top != 0) {                $(".float_right li:last").show();}              else                   {$(".float_right li:last").hide();}                   });        $("#to_top").click(function () {            location.hash = "top";            $(".float_right li:last").hide();        });    }        rightBar();

实现起来还是很简单的，我就不多说了。

1 0