Yes you use this
<a href="#google"></a>
<div id="google"></div>
But this does not create a smooth scroll just so you know.
You can also add in your CSS
html {
scroll-behavior: smooth;
}
More Related Contents:
- How do I use display:flex and justify-content:space-between, where the flex-item gets centered if there is only one of them?
- How to shrink and fit any logo in a fixed box
- align checkbox and label inside li
- Set cellpadding and cellspacing in CSS?
- Left column and stacked right column using flexbox CSS [duplicate]
- Change div order with CSS depending on device-width
- Why does the outer here not completely surround the inner ?
- HTML/CSS: Making two floating divs the same height
- What does appending “?v=1” to CSS and JavaScript URLs in link and script tags do?
- How to set the margin or padding as percentage of height of parent container?
- CSS: Control space between bullet and
- background: fixed no repeat not working on mobile
- How to make a display in a horizontal row
- Select dropdown with fixed width cutting off content in IE
- How to draw circle in html page?
- How to horizontally align ul to center of div?
- Is it possible to style a mouseover on an image map using CSS?
- Floating an image to the bottom right with text wrapping around
- Bootstrap: add margin/padding space between columns
- HTML: Changing colors of specific words in a string of text
- Changing highlight color
- Why doesn’t “display: block” & “width: auto” stretch a button to fill the container? [duplicate]
- How to change content on hover
- Prevent a child element from overflowing its parent in flexbox [duplicate]
- Why isn’t position:sticky with left:0 working inside a scrollable container?
- Why does `transform` break `position: fixed`?
- Why do Firefox and Opera ignore max-width inside of display: table-cell?
- Why doesn’t width/height work with non positioned pseudo elements?
- CSS way to horizontally align table
- Change css font-family for separate options in select tag