Smooth scroll to top of page with CSS/HTML only?
I am not permitted to add in Jquery/Javascript to this site, so I was looking for any way to do a \"Back to Top\" button, and have it transition to top with CSS/HTML only....don
-
As far as I am aware of, there is no way to do a smooth page transition using only CSS. As aaronman stated, you can use the HTML attribute of
idto help jump to different places on the page. You give the element the id, which can be whatever you wantJump to me
Then somewhere on the page, you can use an anchor tag to be able to jump to this.
Jump to "Jump to me"Fiddle
The way this works is very similar to targeting an element in CSS. You target it using the id, and the
hrefwill take you there. This is helpful for projects such as table of contents. In the case you are making something such as a table of contents and you want to show that you have jumped to a section, you can use the:targetpseudo class to accomplish this. Here is a very basic example.The way you can do this without having an element to jump to is by giving the
aanhrefof#. This will jump straight to the top of the page. It is almost like theof the page has anidof#.Fiddle
加载中...
- 热议问题