首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

js点击按钮返回页面顶部

2016-08-22 03:08:28 在进行官网一类的网站建设时,经常会出现页面太长的现象,当用户滚动滚动条到最底部时返回顶部需要滚动多下滚动条,用户体验相当不好,于是就出现了当滚动条滚动到一定位置后出现返回顶部按钮...,点击该按钮返回顶部,并且有一定的效果。...该方法就是利用锚点的方式来返回顶部。即给最顶部的div设置一个id,然后a标签的链接地址写成该id,当点击时就会返回顶部,但是缺点为过于突兀,因为是立即返回顶部。...="top-link" href="#">返回顶部 $(".top-link").click(function(){ $('body,html').animate(...scrollTop:0},1000); return false; }); a标签的样式和方式和第一种方式相同,只不过给其添加了一个点击事件,此事件需要进入jquery.js

25K10
您找到你想要的搜索结果了吗?
是的
没有找到

js判断页面是否是通过浏览器后退按钮返回打开的

这样子就产生了一个问题,点击身份的时候会生成新的token,但是页面是允许返回的所以url地址栏中的历史token还在,所以就会基于这个token触发请求导致接口报了Token验证失败的错误,一番搜索之后终于找到了解决办法...short type; readonly attribute unsigned short redirectCount; [Default] object toJSON(); }; type 属性返回值为...(用户通过刷新,包括JS调用刷新接口等方式访问页面) 2 : TYPE_BACK_FORWARD Navigation where the history handling behavior is set...(用户通过后退按钮访问本页面) 255 : TYPE_RESERVED Any navigation types not defined by values above....所以我们只要判断type属性为2时就可以知道页面是通过返回按钮打开的了,然后开头的问题就可以据此加判断来解决token异常了。 ?

16.8K20

【干货】JS如何判断用户是否点击浏览器“退回”按钮返回上一个界面?

回到题目,我们怎么去判断用户是点击了“退回”按钮? 我们要用到一些取巧的办法。...创建一个私有的记录值,用以区分history当前的state和上一个state(我们在事件回调中只能拿到当前state) 通过第一步和第二步铺垫的内容,在回调函数中进行判断,从而知道是否是用户点击了“退回”按钮...最后,我们通过latestState和当前的state进行对比,来猜测用户是否点击了“退回”按钮。...prev === nextState) { // 用户点击了“退回”按钮 } }) 当变化后的state正好是变化前state.prev时,我们就认为用户点击了“退回”按钮。...因为在不同的SPA框架中,触发popstate的可能包含在代码中调用history.back()和history.go(-1)的情况,所以,在代码层面,需要继续去区分到底是程序里调用back还是用户点击“退回”按钮

6.2K50
领券