React-滚动时本地水平滚动跳转

import React, { useEffect } from 'react';

const ScrollToSection = () => {
  useEffect(() => {
    const handleScroll = () => {
      // 获取当前滚动的位置
      const scrollPosition = window.scrollX;
      
      // 判断是否需要进行滚动跳转
      if (scrollPosition >= 500) {
        // 执行水平滚动跳转到指定位置
        window.scrollTo(1000, 0);
      }
    };

    // 添加滚动事件监听器
    window.addEventListener('scroll', handleScroll);

    // 清除滚动事件监听器
    return () => {
      window.removeEventListener('scroll', handleScroll);
    };
  }, []);

  return (
    <div>
      {/* 页面内容 */}
    </div>
  );
};

export default ScrollToSection;

import React from 'react';
import ScrollToSection from './ScrollToSection';

const App = () => {
  return (
    <div>
      {/* 其他组件 */}
      <ScrollToSection />
    </div>
  );
};

export default App;