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

js点击按钮返回页面顶部

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

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

Laravel 5.2+ 使用url()全局函数返回一个页面的地址

在后台开发时,我们经常需要获取用户之前操作页面的地址并生成一个返回之前页面的链接。...而今天我们要用到的是URLs中的函数: //返回当前页面的地址(不包含参数) url()->current(); //返回当前页面的完整地址(包含参数) url()->full(); //返回一个页面的地址...author=eagle 如果我们在该页面点击了某个操作,那么在我们的控制器中,我们输出 echo url()->previous(); 会发现输出的结果与我们之前操作的页面的url一致: http...author=eagle 全局函数可以在blade模板中直接使用,所以如果我们要创建一个返回按钮,我们可以在view中使用以下代码: 返回 当然,很多情况下我们也可以直接返回至指定的路径名: 返回文章管理 这里我们使用了极为常用的

1.3K20

laravel 实现登陆后返回登陆页面方法

最近做了一个项目,需要用户登录后,返回登陆页面。 一般的逻辑是,用户访问某个页面,判断未登录,跳转到登陆界面,登陆成功后,返回访问页面。...按照laravel的一般情况来做: //头部引入 use URL //登陆成功后执行 return redirect(URL::previous()); 结果发现跳转的是登陆页面,感觉很奇怪,最后发现是...,我的登陆提交是一个新的方法,导致要返回之前的页面,需要返回2次才可以。...redirectPath'); $request- session()- forget('redirectPath'); return redirect($url); 以上这篇laravel 实现登陆后返回登陆页面方法就是小编分享给大家的全部内容了...,希望能给大家一个参考。

1.7K21

Laravel框架使用技巧之使用url()全局函数返回一个页面的地址方法详解

在后台开发时,我们经常需要获取用户之前操作页面的地址并生成一个返回之前页面的链接。...而今天我们要用到的是URLs中的函数: //返回当前页面的地址(不包含参数) url()- current(); //返回当前页面的完整地址(包含参数) url()- full(); //返回一个页面的地址...author=eagle 全局函数可以在blade模板中直接使用,所以如果我们要创建一个返回按钮,我们可以在view中使用以下代码: <a href="{{ url()- previous() }}"...rel="external nofollow" 返回</a 当然,很多情况下我们也可以直接返回至指定的路径名: <a href="{{ route('articles.index') }}" rel...本文主要讲解了Laravel框架使用url()全局函数返回一个页面的地址的方法,更多关于Laravel框架的使用技巧请查看下面的相关链接

1.3K20

JS实现页面进入、返回定位到具体位置总结

JS实现页面返回到具体位置方法 其实浏览器也自带了返回的功能,也就是说,自带了返回定位的功能。正常的跳转,返回确实可以定位,但是有些特殊场景就不适 用了。...目前,我知道的返回定位到具体位置有两种方法: ①利用id定位,在跳转的时候带上某个模块的id,返回的时候定位到该处。...②利用距离顶部的距离,在跳转的时候带上当前位置滚动过的距离,返回的时候定位到该处。 应用场景 定位到某一个模块的时候,有二级定位的时候利用方法①....定位到具体位置的时候,定位到某一个模块的时候,利用方法②。...初始化页面的时候,需要给每个模块指定一个唯一的id。打开页面的时候,如果url带着位置参数则解释参数定位,如果没有,默认为第一个

3.7K10

mpvue编辑页返回页面时编辑页输入的数据不自动清空的bug

记录下mpvue框架下做数据编辑页时出现的bug处理方法 结合网上搜索到的一些处理方法在此重新整理一番 现象 解决方法 总结 # 现象 步骤 1.编辑页面输入数据 2.点击左上角返回按钮 3.再次进入编辑页面...结果发现第1步输入的数据仍然显示在页面上,数据没有被清空 # 解决方法 # 编辑数据存在于非tab页的情况 网友的方法 1.mounted时执行重置 mounted () { Object.assign...$options.data()) } 测试有效,可以发现编辑页的数据被成功重置 # 编辑数据存在于tab页的情况 博主最近做的页面是登录后跳转首页(tab页),首页会显示数据列表及一个添加按钮(点击后弹出编辑模态框...我们已经知道这个问题根源在于mounted只执行一次,所以只要把重置代码放入onShow钩子函数中就可以了 每次页面显示后再重置数据 onShow() { Object.assign(this....$options.data()) this.init()//页面数据初始化 }, 测试可以发现数据被成功重置 # 总结 新开非tab页时通过onLoad/mounted/onUnload重置 新开tab

1.1K20

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

这样子就产生了一个问题,点击身份的时候会生成新的token,但是页面是允许返回的所以url地址栏中的历史token还在,所以就会基于这个token触发请求导致接口报了Token验证失败的错误,一番搜索之后终于找到了解决办法...(用户通过常规导航方式访问页面,比如点一个链接,或者一般的get方式) 1 : TYPE_RELOAD Navigation where the history handling behavior is...(用户通过刷新,包括JS调用刷新接口等方式访问页面) 2 : TYPE_BACK_FORWARD Navigation where the history handling behavior is set...在这些情况下,该type 属性应返回适当的值,例如 TYPE_RELOAD重新加载当前页面或 TYPE_NAVIGATE导航到新URL) redirectCount This attribute must...所以我们只要判断type属性为2时就可以知道页面是通过返回按钮打开的了,然后开头的问题就可以据此加判断来解决token异常了。 ?

16.7K20
领券