首页
学习
活动
专区
工具
TVP
发布
您找到你想要的搜索结果了吗?
是的
没有找到

js点击按钮返回页面顶部

03:08:28 在进行官网一类的网站建设时,经常会出现页面太长的现象,当用户滚动滚动条到最底部时返回顶部需要滚动多下滚动条,用户体验相当不好,于是就出现了当滚动条滚动到一定位置后出现返回顶部按钮,点击该按钮返回顶部...即给最顶部的div设置一个id,然后a标签的链接地址写成该id,当点击时就会返回顶部,但是缺点为过于突兀,因为是立即返回顶部。...来看一下代码吧: 返回顶部 上面代码当滚动条滚动到一定位置后出现该a标签,且该a标签的position...="top-link" href="#">返回顶部 $(".top-link").click(function(){ $('body,html').animate(...jquery.js文件,点击之后滚动条会有一个滚动过程,不是一下子回到顶部,个人感觉不错。

24.9K10

你的 Link Button 能让用户选择新页面打开吗?

标签因为href属性,天然具备导航能力。而标签没href,只能在onclick事件中,用JS控制打开新页面。2. 用户怎么选择新页面打开?...4.3 高手方案:+onclick+event工作半年后,同事告诉我中键click也能新标签页打开。...逻辑问题如果导航,需要其它JS逻辑,就无法只用和href实现,并且这种情况还不少。...某些逻辑,只希望本页面跳转时执行,不允许新页面打开时执行(因为JS只能执行本页面的JS,如果在新页面打开,本页面应该保持不变,不能执行那段JS,例如React Router中的)。...event.preventDefault()如果用户只是普通的左键点击了链接,没按任何xxxKey,就应该阻止标签默认行为,由我们的JS去接管,自由操控跳转。

6.7K171
领券