开发者社区> 问答> 正文

jquery srollUp自动回到顶部加载不了

小旋风柴进 2016-03-24 10:43:17 842

想在面面中做一个自到回到顶部的按钮,使用了jquer.scrollup.min.js这个文件,然后在自己的main.js中加载,代码如下:

$(function() {
    $.scrollUp({
                scrollName: 'scrollUp',
                topDistance: '500',
                topSpeed: 300,
                animation: 'fade',
                animationInSpeed: 200,
                animationOutSpeed: 200,
                scrollText: '',
                activeOverlay: false
            });
    });

然后在主模版文件中加入了这个两个文件,都放在

JavaScript
分享到
取消 提交回答
全部回答(1)
  • 小旋风柴进
    2019-07-17 19:12:12

    HTML 里不用特意加一个 id=scrollUp 的链接,scrollUp 插件会自动添加一个的。
    调用插件时,scrollText 属性不能是空的,你希望按钮里出现什么字,就把它的值设成什么字。
    CSS 里要设置相应的样式,至少得设定一下它的位置(通过 top、right、bottom、left 属性)
    以下是一个简单的示范:

    /* JS */
    $(function() {
      $.scrollUp({
        scrollName: 'scrollUp',
        topDistance: '500',
        topSpeed: 300,
        animation: 'fade',
        animationInSpeed: 200,
        animationOutSpeed: 200,
        scrollText: '回到顶部',
        activeOverlay: false
      });
    });
    /* CSS */
    #scrollUp {
      right: 30px;
      bottom: 0px;
      padding: 30px;
      background-color: #eee;
      border: 1px solid #ccc;
    }
    0 0

集结各类场景实战经验,助你开发运维畅行无忧

推荐文章
相似问题
推荐课程