꧁逆心꧂ 2019-06-13 10:53 采纳率: 100%
浏览 709
已采纳

鼠标滚动到一定程度,返回顶端的按钮图标显示,图依次显示

图片说明刚进入页面是不显示文字,然后从右边依次显示出来
图片说明当我滚动到这张图片的位置的时候这些蓝色图标依次显示,
图片说明怎么设置滚动到一定程度右边的浮动会显示出来

  • 写回答

5条回答 默认 最新

  • ꧁逆心꧂ 2019-06-20 10:23
    关注
    这是鼠标滚动到一定位置显示返回顶端的代码
    <script>
            window.onscroll = function () { 
            if (document.documentElement.scrollTop + document.body.scrollTop > 100)/*鼠标滚动距离*/ { 
            document.getElementById("Right_float").style.display = "block"; /*大于显示*/
            } 
            else { 
            document.getElementById("Right_float").style.display = "none"; /*小于隐藏*/
            } 
            } 
        </script>
    
    这是鼠标滑动到最底端,按返回按钮可滚动会最顶端,
    var goto_top_type = -1;
    var goto_top_itv = 0;
    
    function goto_top_timer() {
        var y = goto_top_type == 1 ? document.documentElement.scrollTop
                : document.body.scrollTop;
        var moveby = 15;
        y -= Math.ceil(y * moveby / 100);
        if (y < 0) {
            y = 0;
        }
        if (goto_top_type == 1) {
            document.documentElement.scrollTop = y;
        } else {
            document.body.scrollTop = y;
        }
        if (y == 0) {
            clearInterval(goto_top_itv);
            goto_top_itv = 0;
        }
    }
    
    function goto_top() {
        if (goto_top_itv == 0) {
            if (document.documentElement && document.documentElement.scrollTop) {
                goto_top_type = 1;
            } else if (document.body && document.body.scrollTop) {
                goto_top_type = 2;
            } else {
                goto_top_type = 0;
            }
            if (goto_top_type > 0) {
                goto_top_itv = setInterval('goto_top_timer()', 50);
            }
        }
    }
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(4条)

报告相同问题?

悬赏问题

  • ¥15 数学的三元一次方程求解
  • ¥20 iqoo11 如何下载安装工程模式
  • ¥15 本题的答案是不是有问题
  • ¥15 关于#r语言#的问题:(svydesign)为什么在一个大的数据集中抽取了一个小数据集
  • ¥15 C++使用Gunplot
  • ¥15 这个电路是如何实现路灯控制器的,原理是什么,怎么求解灯亮起后熄灭的时间如图?
  • ¥15 matlab数字图像处理频率域滤波
  • ¥15 在abaqus做了二维正交切削模型,给刀具添加了超声振动条件后输出切削力为什么比普通切削增大这么多
  • ¥15 ELGamal和paillier计算效率谁快?
  • ¥15 蓝桥杯单片机第十三届第一场,整点继电器吸合,5s后断开出现了问题