沙龙365手机版下载:-绿色安全免安装,做大家都喜欢的绿色软件下载站! 最新软件|软件分类|软件专题|软件发布|论坛转帖

您当前所在位置:沙龙365手机版 > 编程开发 > 安装制作 → smoothscroll.js

smoothscroll.js

smoothscroll.js

smoothscroll.js

  • 软件大小:122 KB
  • 软件语言:简体中文
  • 软件类型:国产软件
  • 软件授权:绿色版
  • 更新时间:2017-06-16
  • 软件类别:安装制作
  • 软件官网:
  • 应用平台:Win all

相关软件

    没有相关软件
122 KB

软件介绍人气软件精品推荐相关文章网友评论下载地址

为您推荐: smoothscroll.js

smoothscroll.js又称为smoothscroll插件,是一款适用于jquery页面的平滑滚动插件,安装使用这款smoothscroll.js平滑滚动插件可以让您在进行jquery开发时更加方便。

 

使用步骤

  1、引入以下的js和css文件

  <script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>

  <script src="../src/jquery.smooth-scroll.js"></script>

  <script src="../lib/jquery.ba-bbq.js"></script>

  2、在head标签中加入以下js代码

  $(function(){

  $("#btn").click(function(){

  $('a').smoothScroll({

  //参数列表

  });

  });

  })

  3、在body标签中加入相应的标签

 

插件说明

  1、允许我们轻易地实现滑动到页面某个位置

  2、可以这样来调用插件

  $('a').smoothScroll();

  3、可以根据自己的需要指定一个外部容器,那么滚动就是在这个容器内发生,而不是在页面级别发生了

  $('#container a').smoothScroll();

  4、可以通过下面的方式来排除指定容器的包含元素

  $('#container a').smoothScroll({

  excludeWithin: ['.container2']

  });

  5、通过下面的语句来排除满足指定条件的元素

  $('a').smoothScroll({

  exclude: ['.rough','#chunky']

  });

  6、调整滑动到哪个位置就停止

  $('.backtotop').smoothScroll({

  offset: -100

  });

  7、设定一个滑动开始之前的回调函数

  $('a').smoothScroll({

  beforeScroll: function() {

  alert('ready to go!');

  }

  });

  8、设定一个滑动结束的回调函数

  $('a').smoothScroll({

  afterScroll: function() {

  alert('we made it!');

  }

  });

  9、可以添加一个按钮用来支持点击后回到之前的位置,实际上就是一个历史记录的作用

参数配置

  $.smoothScroll({

  //滑动到的位置的偏移量

  offset: 0,

  //滑动的方向,可取 'top' 或 'left'

  direction: 'top',

  // 只有当你想重写默认行为的时候才会用到

  scrollTarget: null,

  // 滑动开始前的回调函数。`this` 代表正在被滚动的元素

  beforeScroll: function() {},

  //滑动完成后的回调函数。 `this` 代表触发滑动的元素

  afterScroll: function() {},

  //缓动效果

  easing: 'swing',

  //滑动的速度

  speed: 400,

  // "自动" 加速的系数

  autoCoefficent: 2

  });

 

smoothscroll.js

猜你喜欢

精品推荐

相关文章

下载地址

网友评论