84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
如题,因为用了sui框架,a的锚点链接效果没作用,虽然我禁用了路由功能,还是不行 请问有没有js方法实现返回顶部?或者哪位大神熟悉sui框架 我该怎么实现呢?
ringa_lee
//当滚动条的位置处于距顶部100像素以下时,跳转链接出现,否则消失 $(function () { $(window).scroll(function () { if ($(window).scrollTop() > 100) { $("#back-to-top").fadeIn(1000); console.log($(window).scrollTop()) console.log(window.innerHeight) } else { $("#back-to-top").fadeOut(1000); } }); //当点击跳转链接后,回到页面顶部位置 $("#back-to-top").click(function () { $('body,html').animate({scrollTop: 0}, 1000); return false; }); });
我写了小demo 明明就可以触发
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0"/> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> <meta name="keywords" content=""/> <meta name="description" content=""/> <meta name="robots" content="all"> <meta name="renderer" content="webkit"> <style> *{ margin: 0;padding: 0; } p{ width: 100%; height:1880px; background: #BDBDBD; } .fix{ width: 50px; height:50px; background: #B72712; position: fixed; right: 0; bottom: 50px; color: #ffffff; font-size: 18px; text-align: center; display: none; } </style> </head> <body> <p id="p"> 我是主体内容 </p> <p class="fix" id="back-to-top"> 返回顶部 </p> </body> <script src="jquery.js"></script> <script> $(function () { $(window).scroll(function () { if ($(window).scrollTop() > 100) { $("#back-to-top").fadeIn(1000); console.log($(window).scrollTop()) console.log(window.innerHeight) } else { $("#back-to-top").fadeOut(1000); } }); //当点击跳转链接后,回到页面顶部位置 $("#back-to-top").click(function () { $('body,html').animate({scrollTop: 0}, 1000); return false; }); }); </script> </html>
我写了小demo 明明就可以触发