import React, { useEffect, useRef } from "react"; import { Layout, Card, Affix, Button } from "@tencent/tea-component"; const { Body, Content } = Layout; function LayoutContentExample() { // 处理外层滚动 const topAffixRef = useRef(null); const bottomAffixRef = useRef(null); useEffect(() => { const handleScroll = () => { topAffixRef.current.update(); bottomAffixRef.current.update(); }; window.addEventListener("scroll", handleScroll); return () => window.removeEventListener("scroll", handleScroll); }, []); return ( {/* 内容区域一般使用 Card 组件显示内容 */} document.querySelector(".affix-target")} > document.querySelector(".affix-target")} >
(可选项)自定义页脚
京公网安备 11010802017518 粤B2-20090059-1
); } export default function Demo() { return (
); }