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 明明就可以触发