Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- class App extends Component {
- constructor(props){
- super(props)
- this.scrollToIdOnClick = this.scrollToIdOnClick.bind()
- }
- scrollToIdOnClick(event){
- event.preventDefault()
- const element = event.target;
- const id = element.getAttribute('href')
- const to = document.querySelector(id).offsetTop;
- window.scroll({
- top: to,
- behavior: "smooth"
- })
- }
- componentDidMount() {
- const menuItem = document.querySelectorAll('.containerNav nav a[href^="#"]');
- menuItem.forEach(item => {
- item.addEventListener('click', this.scrollToIdOnClick)
- })
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement