位置:首页 > 软件下载 > 编程开发 > 编程工具 > jquery smoothscroll.js
jquery smoothscroll.js

jquery smoothscroll.js

大小:33.3M 软件类型:国外软件

软件语言:简体中文 时间:2021-08-25 07:00:08

软件授权:演示软件 运行环境:WinAll, WinXP, Win7, Win8

立即下载
软件简介
宝哥软件园收集的smoothscroll.js是一款jquery的插件,可用来制作平滑滚动效果,方便软件开发者们的工作,需要的朋友欢迎来宝哥软件园免费下载!smoothscroll.js插件介绍smoothscroll.js是一款纯js页面平滑滚动插件。该js页面平滑滚动插件的特点是页面滚动的行为被作为window对,欢迎免费下载体验

Smoothscroll.js是一个JQuery插件,可以用来制作平滑的滚动效果,方便软件开发人员的工作。欢迎有需要的朋友在绿色资源网免费下载!

smoothscroll.js插件介绍

smoothscroll.js是一个纯js页面平滑滚动插件。js页面平滑滚动插件的特点是将页面滚动的行为作为窗口对象的扩展,用户可以通过窗口对象直接调用平滑滚动的方法。

smooth  scroll.min.js

smoothscroll.js使用步骤

1.介绍以下js和css文件

script src=' http://libs . Baidu.com/jquery/1 . 11 . 1/jquery . min . js '/script

scriptsrc='./src/jquery . smooth-scroll . js '/脚本

scriptsrc='./lib/jquery . ba-BBQ . js '/脚本

2.将以下js代码添加到head标记中

$(function(){ 0

$('#btn ')。单击(函数(){ 0

$('a ')。平滑滚动({ 0

//参数列表

});

});

})

3.在正文标签中添加相应的标签

插件使用说明

1.允许我们轻松地滑动到页面上的某个位置

2.可以用这种方式调用插件

$('a ')。smooth scroll();

3.您可以根据自己的需要指定一个外部容器,因此滚动发生在这个容器中,而不是页面级别

$('#containera ')。smooth scroll();

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

$('#containera ')。平滑滚动({ 0

excludewithin :[. container 2 ']

});

5.通过以下语句排除满足指定条件的元素

$('a ')。平滑滚动({ 0

exclude:['。粗糙',' #矮胖']

});

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

$('.backtotop ')。平滑滚动({ 0

偏移量:-100

});

7.滑动开始前设置回调函数

$('a ')。平滑滚动({ 0

before scroll : function(){ 0

alert('readytogo!');

}

});

8.在滑动结束时设置一个回调函数

$('a ')。平滑滚动({ 0

after scroll : function(){ 0

alert('wemadeit!');

}

});

9.您可以添加一个按钮来支持点击并返回到上一个位置。事实上,这是一个历史记录

显示全部

jquery smoothscroll.js类似的软件

猜你喜欢

返回顶部