国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術文章
文章詳情頁

javascript - 手機端怎么實現返回頂部效果呢?(手機端滾動條會隱藏,無法檢測)我用的sui 框架 a的錨點功能不能用,有沒有js方法?

瀏覽:116日期:2024-03-23 17:13:28

問題描述

如題,因為用了sui框架,a的錨點鏈接效果沒作用,雖然我禁用了路由功能,還是不行 請問有沒有js方法實現返回頂部?或者哪位大神熟悉sui框架 我該怎么實現呢?

問題解答

回答1:

//當滾動條的位置處于距頂部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 id='back-to-top'> 返回頂部</p></body><script src='http://www.cgvv.com.cn/wenda/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>

標簽: JavaScript
主站蜘蛛池模板: 精品欧美一区二区三区在线观看 | 久久久久久一级毛片免费野外 | 亚洲欧美国产精品 | 插美女网站 | 欧美日本在线一区二区三区 | 狼人久久尹人香蕉尹人 | 特级淫片欧美高清视频蜜桃 | 波多野结衣在线观看一区二区 | 免费韩国一级毛片 | 欧美成在线播放 | 免费在线视频成人 | 欧美成人h版在线观看 | 色国产精品 | 国产精品特黄一级国产大片 | 亚洲天堂视频网 | 日本黄色大片免费观看 | 亚洲在线视频观看 | 87精品福利视频在线观看 | 精品国产一区二区三区免费看 | 成人免费小视频 | 日本aaaa级毛片在线看 | 欧美国产综合日韩一区二区 | 成人老司机深夜福利久久 | 国产成人禁片免费观看 | 日韩国产成人资源精品视频 | 久久草在线视频免费 | 久久亚洲国产视频 | 高清一级毛片 | 99精品福利| 美国一级片在线 | 久久久久久久久国产 | 99re思思| 久久怡红院亚欧成人影院 | 18视频免费网站 | 国产成人免费手机在线观看视频 | 老头老太做爰xxx视频 | 久久6视频 | 久久精品免费全国观看国产 | 免费欧洲毛片a级视频无风险 | 久久国产精品免费视频 | 国产欧美va欧美va香蕉在线 |