頁面滾動到頂部的方法

2021-10-11 18:55:36 字數 499 閱讀 9584

前面用了乙個方法來讓頁面滾動到頂部,window.scrollto(),

window.scrolltp()
這個方法在chrome高版本瀏覽器是沒有問題的,但是對於低版本的瀏覽器來說是有問題的,低版本瀏覽器,比如說chrome49,用法就是:

window.scrollto(0,0)
所以換成了其他方法:

方法一

document.body.scrolltop=document.documentelement.scrolltop=0
方法二

document.body.scrollintoview()
scrollintoview 是元素也有的方法, 可以用在頁面元素上,例如

document.getelementbyid('id').scrollintoview()
參考:

react介面跳轉,滾動到頂部

在使用react router dom時,我們經常會遇到路由切換時滾動到瀏覽器頂部的問題。很多時候我們需要的是滾動到頂部 scroll to top 因為發現好像所有的單頁面都有乙個通病,就是頁面進行跳轉時,當前所在的位置和你上個介面所在的位置一樣,顯然這樣對於使用者來說體驗不是很好。我們可以使用使...

js平滑滾動到頂部,底部,指定地方

採用錨點進行頁面中的跳轉的確很方便,但是要想增加網頁的效果,可以使用jquery中的animate,實現滾動的乙個動作,慢慢的滾動到你想跳轉到的位置,從而看起來會非常高大上。滾動到頂部 scroll top click function 800 滾動到指定位置 scroll a click func...

jQuery如何快速滾動到頁面頂部?

在 頁面中,有些長的網頁使用者翻到底部的時候怎麼可以快速返回,方法有很多,今天河南seo就簡單介紹其中乙個。滾動頁面中如何使用jquery快速滾動到頁面頂部?下面本篇文章就來給大家介紹一下使用jquery快速滾動到頁面頂部的方法,希望對大家有所幫助。在jquery中可以使用scrollto 方法快速...