꧁逆心꧂ 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条)

报告相同问题?

悬赏问题

  • ¥30 深度学习,前后端连接
  • ¥15 孟德尔随机化结果不一致
  • ¥15 apm2.8飞控罗盘bad health,加速度计校准失败
  • ¥15 求解O-S方程的特征值问题给出边界层布拉休斯平行流的中性曲线
  • ¥15 谁有desed数据集呀
  • ¥20 手写数字识别运行c仿真时,程序报错错误代码sim211-100
  • ¥15 关于#hadoop#的问题
  • ¥15 (标签-Python|关键词-socket)
  • ¥15 keil里为什么main.c定义的函数在it.c调用不了
  • ¥50 切换TabTip键盘的输入法