我如何定位我的div固定在屏幕上使用顺风和反应？

Question

<div className="md:hidden relative">
            <div className="md:hidden pr-7 bg-white text-left w-[60%] pb-[400px] fixed top-0 left-0">
            <CloseIcon className="text-black absolute right-4 top-5 w-5 "/>
            <ul className="pt-16 pl-3">
                <li className="text-black"><a className="hover:text-primary visited:text-black" href="#home">HOME</a></li>
                <li className="text-white"><a className="hover:text-primary visited:text-black" href="#about">ABOUT</a></li>
                <li className="text-white"><a className="hover:text-primary visited:text-black" href="#skills">SKILLS</a></li>
                <li className="text-white"><a className="hover:text-primary visited:text-black" href="#projects">PROJECTS</a></li>
                <li className="text-white"><a className="hover:text-primary visited:text-black" href="#contact">CONTACT</a></li>
            </ul>
            </div>

我试图将我的div定位到屏幕的左侧，但每当我滚动div时，div仍会移动。

​

​

Answer 1

您想要的是使用sticky而不是fixed。与top-0 left-0一起，它应该停留在它的位置，甚至在滚动。