“Reagieren Sie, wie Sie zum Element scrollen können” Code-Antworten

Reagieren Sie, wie Sie zum Element scrollen können

import React, { useRef } from 'react'

const scrollToRef = (ref) => window.scrollTo(0, ref.current.offsetTop)   
// General scroll to element function

const ScrollDemo = () => {

   const myRef = useRef(null)
   const executeScroll = () => scrollToRef(myRef)

   return (
      <> 
         <div ref={myRef}>I wanna be seen</div> 
         <button onClick={executeScroll}> Click to scroll </button> 
      </>
   )
}
Graceful Grasshopper

Reagieren Sie, wie Sie zum Element scrollen können

class ReadyToScroll extends Component {

    constructor(props) {
        super(props)
        this.myRef = React.createRef()  
    }

    render() {
        return <div ref={this.myRef}></div> 
    }  

    scrollToMyRef = () => window.scrollTo(0, this.myRef.current.offsetTop)   
    // run this method to execute scrolling. 

}
Graceful Grasshopper

Ähnliche Antworten wie “Reagieren Sie, wie Sie zum Element scrollen können”

Fragen ähnlich wie “Reagieren Sie, wie Sie zum Element scrollen können”

Weitere verwandte Antworten zu “Reagieren Sie, wie Sie zum Element scrollen können” auf JavaScript

Durchsuchen Sie beliebte Code-Antworten nach Sprache

Durchsuchen Sie andere Codesprachen