back-to-top回到顶部
2024-10-06 08:27:29
function backTop(back) {
back.hide();
$(window).scroll(function () {
$(window).scrollTop() > 0 ? back.fadeIn(500) : back.fadeOut(500);
});
back.click(function () {
$('body,html').animate({scrollTop: 0}, 500);
return false;
});
} 或者class名操作显示隐藏淡入淡出
function backTop(obj,options) {
var options = options||{};
var offset = options.offset||300;
var duration = options.duration||500;
var $back = obj;
$(window).scroll(function(){
( $(this).scrollTop() > offset ) ? $back.show() : $back.hide();
});
//smooth scroll to top
$back.on('click', function(event){
event.preventDefault();
$('body,html').animate({
scrollTop: 0 ,
}, duration
);
return false;
});
}
最新文章
- 查看Mysql表分区语句
- python模块
- HDU 4939 Stupid Tower Defense (2014 Multi-University Training Contest 7)
- nova boot instance call flow
- jquery学习笔记---插件开发模式和结构
- 一步步写STM32 OS【二】环境搭建
- WordPress批量修改文章内容、URL链接、文章摘要
- c# winform panel 流式布局 panel块可自动排列
- HDU 5045 Contest
- boost库之geometry<;二>;
- 『Kruscal重构树 Exkruscal』
- ASP.NET Core 入门教程 3、ASP.NET Core MVC路由入门
- DIY 空气质量检测表
- 寒假作业pta1
- LeetCode算法题-Add Strings(Java实现)
- php 7.1 openssl_decrypt() 代替 mcrypt_module_open() 方法
- dbms_metadata.get_ddl的用法(DDL)
- css3动画:执行前不显示,执行后显示
- 【TP3.2.X】(同样适用于OT) 设置单入口index.php文件,区分PC/WAP/Wechat 三个终端
- React +Redux+ Ant Design + echarts 项目实践