上面这个方法还是没法成功

非常抱歉，如果上述方法没有成功实现您期的功能。在 Next.js 项目中，您可以使用 React 的 `useEffect` 钩子和 DOM 的 `scroll` 事件来监听用户滚动到 `div` 元素的最底部，并触发加载下一页数据的操作。以下是一个示例代码：

import React, { useState, useEffect, useRef } from 'react';

const YourComponent = () => {
  const [data, setData] = useState([]); // 存储数据的状态
  const [page, setPage] = useState(1); // 当前页数的状态
  const containerRef = useRef(null); // div 容器的引用

  // 模拟异步请求获取数据
  const fetchNextPageData = async () => {
    // 发起请求，获取下一页数据（假设使用异步请求获取数据）
    const response = await fetch(`your-api-url?page=${page}`);
    const responseData = await response.json();
    return responseData;
  };

  // 监听用户滚动事件
  const handleScroll = () => {
    const { scrollTop, scrollHeight, clientHeight } = containerRef.current;

    if (scrollTop + clientHeight === scrollHeight) {
      // 用户滚动到div的最底部，加载下一页数据
      loadNextPage();
    }
  };

  // 加载下一页数据的函数
  const loadNextPage = async () => {
    try {
      const nextPageData = await fetchNextPageData();

      // 更新数据和页数的状态
      setData((prevData) => [...prevData, ...nextPageData]);
      setPage((prevPage) => prevPage + 1);
    } catch (error) {
      console.error('Error fetching data:', error);
    }
  };

  useEffect(() => {
    // 监听用户滚动事件
    containerRef.current.addEventListener('scroll', handleScroll);

    return () => {
      // 移除监听
      containerRef.current.removeEventListener('scroll', handleScroll);
    };
  }, []);

  return (
    <div
      ref={containerRef}
      style={{
        height: '100vh',
        flexWrap: 'wrap',
        overflowY: 'auto',
        display: 'block',
      }}
    >
      {/* 显示数据列表 */}
      {data.map((item, index) => (
        <div key={index}>{/* 渲染每个数据项 */}</div>
      ))}
    </div>
  );
};

export default YourComponent;

在以上示例代码中，我们通过 `useRef` 来获取 `div` 容器的引用，并将其绑定到 `containerRef` 变量上。然后，我们使用 `addEventListener` 来监听 `scroll` 事件，并在用户滚动到 `div` 的最底部时触发 `handleScroll` 函数，进而加载下一页数据。

请注意，在 `useEffect` 钩子中，我们将 `handleScroll` 函数作为事件监听器添加到 `scroll` 事件中，并在组件卸载时使用 `removeEventListener` 来移除监听器，以避免内存泄漏。

希望这次回答能够满足您的需求。如果您有任何其他问题，请随时提问！