How to use the react-scroll.scroller.scrollTo function in react-scroll

To help you get started, we’ve selected a few react-scroll examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github austintgriffith / burner-wallet / src / components / SendBadge.js View on Github external
scrollToBottom(){
    console.log("scrolling to bottom")
    scroller.scrollTo('theVeryBottom', {
      duration: 500,
      delay: 30,
      smooth: "easeInOutCubic",
    })
  }
  canSend() {
github fisshy / react-scroll / examples / basic / app.js View on Github external
scrollTo(offset) {
    scroller.scrollTo('scroll-to-element', {
      duration: 800,
      delay: 0,
      smooth: 'easeInOutQuart',
      offset: offset
    })
  }
  scrollToWithContainer() {
github okamilab / nebula / src / messenger / chats / pages / Chat.jsx View on Github external
scrollToBottom() {
    scroller.scrollTo('bottom', {
      duration: 400,
      delay: 0,
      smooth: 'easeInOutQuart',
      containerId: 'scroll-container'
    });
  }
github cssinjs / cssinjs / src / components / ScrollToHash / index.js View on Github external
const scroll = () => {
  const id = location.hash.substr(1)
  if (id) scroller.scrollTo(id, {smooth: true, duration})
}
github bitshares / bitshares-ui / app / components / Account / CreateAccount.jsx View on Github external
scrollToInput() {
        scroller.scrollTo(`scrollToInput`, {
            duration: 1500,
            delay: 100,
            smooth: true,
            containerId: "accountForm"
        });
    }
github goodjoblife / GoodJobShare / src / components / ShareExperience / TimeSalaryForm / index.js View on Github external
error => {
          ReactGA.event({
            category: GA_CATEGORY.SHARE_TIME_SALARY,
            action: GA_ACTION.UPLOAD_FAIL,
          });

          return ({ buttonClick }) => (
            
          );
        },
      );
    }
    this.handleState('submitted')(true);
    const topInvalidElement = this.getTopInvalidElement();
    if (topInvalidElement !== null) {
      scroller.scrollTo(topInvalidElement, {
        duration: 1000,
        delay: 100,
        offset: -100,
        smooth: true,
      });
    }
    return Promise.reject();
  }
github watson-developer-cloud / discovery-starter-kit / client / knowledge_base_search / src / containers / PassagesContainer / PassagesContainer.js View on Github external
componentDidMount() {
    scroller.scrollTo('scroll_to_results', {
      smooth: true,
      offset: -this.props.searchContainerHeight
    });
  }