刷新页面让显示区域回到顶部

当你页面浏览到某个位置的时候,大部分浏览器会记录你的浏览位置,当你刷新页面后,还是会显示你刷新前看到的位置。

当需要刷新后回到页面顶部的时候,你用window.onload =function(){$(window).scrollTop(0)}页面还是会在你当前显示的位置。

我猜想这是浏览器最后执行的事件,然后我就给10毫秒延迟,果然就能成功回到顶部了。

window.onload = setTimeout(function(){$(window).scrollTop(0)},10);

不用JQ,原生JS用scrollTo返回顶部

window.scrollTo(0,0);

时间: 2024-10-06 00:21:13

刷新页面让显示区域回到顶部的相关文章

重复点击主界面(TabBar)按钮刷新界面--点击状态栏回到顶部

1.监听按钮点击 2.判断是否是点击的同一个按钮(记录上次点击的按钮) 3.当重复点击相同按钮时,需要获取当前按钮对应控制器刷新界面 3.1 判断是否重复点击按钮,代码写在哪里? 点击标题按钮,属于精华控制器的事情,所以找到精华控制器.写在点击按钮方法里面 3.2怎么拿到按钮对应的控制器? 通过当前按钮的tag值,从精华控制器的子控制器数组中去 3.3怎么让对应的控制器刷新界面? 在对应的控制器里面提供刷新方法,这样每个控制器都要写,太麻烦 之前我们抽取了父类,只需要在父类中提供一个刷新界面方法

解决web网页改变起引用的图片,刷新页面仍然显示之前的图片

主要是tomcat服务器上的缓存引起的,只要在更新图片的时候同时给缓存更新即可 我项目存放图片的文件夹路径 C:\Users\miaoz\workspace\book\WebContent\images 然后再tomcat服务器上有个缓存空间C:\Users\miaoz\workspace\.metadata\.plugins\org.eclipse.wst.server.core\tmp0\wtpwebapps\book\images 当刷新页面时图片还是从缓存空间中取,所以才会导致更新图片还

【JQ+锚标记实现点击页面回到顶部】

前言:今天想写个页面常用到的[点击回到页面顶部或是首页的功能],生活和职场一样,总会有低谷的时候,这个时候咱也别怂.别怂.别怂,说三遍!那都不是事,工作没了,再找呗,就像我上周五,团队解散那天,我是笑着走的,还给小白挥了挥手,微笑一个.那句话叫什么来着,佛祖虽给你关了一扇门,说不定会再给你开一扇窗.明天我就换工作了,我感谢我的同学. a)下面看看实现,实现很简单,通过JQ判断滚动条向下滚动的长度大于多少时显示[回到顶部+回到首页]的图标(换一种理解:滚动条顶端距离页面顶部的距离),另外一种实现方

页面回到顶部的实现及原理

转自:http://www.mojidong.com/html/css/js/2013/03/03/page-top-to-achieve/ 现在很多网页都有一个回到顶部的功能,当你拖动滚动条往下拉到一定程度就会在右下方显示一个回到顶部的按钮,点击则可以立即回到页面顶部,非常贴心的设计. 今天打算自己做一个,分析了一下,要点如下 监听当前页面滚动事件 当滚动到一定像素显示回到顶部的按钮 给回到顶部按钮绑定点击事件,点击按钮让滚动条回到顶部并隐藏按钮 核心点主要在js控制按钮的显示和隐藏及点击按钮

jquery回到顶部源码分享-

// JavaScript Document (function($){ var goToTopTime; $.fn.goToTop=function(options){ var opts = $.extend({},$.fn.goToTop.def,options); var $window=$(window); $body = (window.opera) ? (document.compatMode == "CSS1Compat" ? $('html') : $('body'))

点击按钮回到顶部

写页面的时候,经常遇到当滚动条离开页面顶部的时候,会显示一个回到顶部的按钮,点击回到顶部,页面就滑动到页面的顶部.直接贴代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>返回顶部</title> <script src="jquery-1.11.3.js"></script> <style&

刷新页面使页面保持在当前位置显示而不跳回顶部

我们打开一个网页,拖动滚动条浏览到中部时,我们执行了一个操作或刷新了页面.这时页面重新载入,回到了页面的顶部而不是我们正在查看的页面中部. 用户不得不重新拖动滚动条回到先前的位置,这会给用户带来很不友好的体验. 这时只需在asp.net中的顶部<page>标签里加一句 MaintainScrollPositionOnPostback="true" 即可 <%@ Page Language="C#" MaintainScrollPositionOnP

js——页面回到顶部

很久都没有去慕课网学习学习了,刚恰好就看见了一个用的比较多的小例子——页面回到顶部,记得之前自己也是在初学web时,被这个坑了一回,因此今天特地拿来分享分享…… <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>页面回到顶部</title> <link rel="stylesheet&quo

F5当刷新页面,出现“要再次显示此页,web该浏览器,你曾经有过发送消息再次提交...点击重试&amp;quot;,如何防止此对话框解决方案的出现,

如何取消刷新页面弹出"重试"对话? 找了好多类似的问题都没有我想要的答案,请大家看清楚再回答. 比方说,登录过程中,成功之后转向还有一个页面success.jsp, 这时,假设刷新该页面就会出现"重试"对话框,怎样不让它出现呢? 有人说用GET请求,抱歉,用户登录不可能用GET请求,数据不安全... ------解决思路---------------------- 同问,帮顶 ------解决思路---------------------- 用ajax登陆就没这东西