javascript - 滚动到顶部并同时刷新页面

标签 javascript html

好的,我有一个可以平滑滚动到页面顶部的代码,但我也需要它来重新加载(刷新)页面。这是我必须滚动的代码,但我不知道如何实现重新加载。欢迎任何想法。

var x = document.getElementById('title1');

function myFunction() {
   if (x.style.display === 'block') { 
       x.style.display = 'block';
   } else {
       x.style.display = 'block';
   }
   $("html, body").animate({ scrollTop: 0 }, "slow");
}

最佳答案

是的,这是一个简单的解决方案。 Jquery animate方法为我们提供了动画完成后运行的回调方法,所以你可以尝试

var x = document.getElementById('title1');

function myFunction() {
   if (x.style.display === 'block') { 
       x.style.display = 'block';
   } else {
       x.style.display = 'block';
   }
   $("html, body").animate({ scrollTop: 0 }, "slow", function(){
      window.location.reload()
   });
}

关于javascript - 滚动到顶部并同时刷新页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54415260/

相关文章:

javascript - 文档流和 CSS 样式 : Hiding elements properly

javascript - 纯 JavaScript 图像抓取缩放?

javascript - CSS 无法按 Angular 插值工作

javascript - 如何使用 JavaScript 添加指向一段文本的链接?

javascript - 单击Buefy选项卡时如何触发方法?

javascript - 如何仅检索货币符号而不从 angularjs 货币过滤器格式化价格表达式

html - 如何为 Bootstrap 3 事件类设计样式

html - 动画边框相互跟随 css

html - CSS 加载器和覆盖定位 : z-index Not Working

javascript - 如何使用AngularJS拦截所有http请求?