开发者社区> 问答> 正文

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

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

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

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

展开
收起
小旋风柴进 2016-03-24 10:43:17 1896 0
1 条回答
写回答
取消 提交回答
  • 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;
    }
    2019-07-17 19:12:12
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关课程

更多

相关电子书

更多
穆客带你快速定位 Node.js 内存泄露 立即下载
穆客带你快速定位Node.js内存泄露 立即下载
低代码开发师(初级)实战教程 立即下载