当前位置:officeba > 资源共享

SmoothScroll.js 绿色版(js页面平滑滚动插件)

立即下载
安全检测: 安全检查 软件检测 软件安全
  • 软件介绍
  • 相关下载
  • 同类最新
  • 软件攻略
  • 评论留言
  • 下载地址

SmoothScroll.js 绿色版(js页面平滑滚动插件)是一款插件工具软件,officeba免费提供SmoothScroll.js 绿色版(js页面平滑滚动插件)下载,更多SmoothScroll.js 绿色版(js页面平滑滚动插件)相关版本就在officeba。

  smoothscroll.js插件是一款技术专业的js网页页面光滑翻转软件,将网页页面翻转的个人行为做为Windows目标的拓展,安装该pc软件以后在开发设计jQuery的情况下更省时省力,导到js中就可以逐渐应用了。有兴趣的朋友们可以下载试一下哦。

SmoothScroll.js 绿色版(js页面平滑滚动插件)

SmoothScroll.js 绿色版(js页面平滑滚动插件)应用流程

  1、引进下列的js和css文件

  《script src=“https://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.js 绿色版(js页面平滑滚动插件)参数配置

  $.smoothScroll({

  //滚动到的部位的偏移

  offset: 0,

  //滚动的方位,可用 ‘top’ 或 ‘left’

  direction: ‘top’,

  // 仅有如果你想调用默认设置个人行为的情况下才会采用

  scrollTarget: null,

  // 滚动逐渐前的调用函数。`this` 意味着已经被翻转的原素

  beforeScroll: function() {},

  //滚动进行后的调用函数。 `this` 意味着开启滚动的原素

  afterScroll: function() {},

  //缓动实际效果

  easing: ‘swing’,

  //滚动的速率

  speed: 400,

  // “全自动” 加快的指数

  autoCoefficent: 2

  });

下载地址

温馨提示:其中1个不能下载请选择其他下载方式 如有错误请报错。我们及时修改,谢谢

相关下载
同类最新
评论留言
最新评论共有0条评论