如何停止滚动到特定的Div，但允许图像滑动

Question

我在3个按钮上使用#id来更改幻灯片上的图像，但当我单击按钮时，我不想滚动到图像幻灯片部分，只想将图像滑动到下一个，而不滚动到图像部分这是驱动器视频链接，显示我的网络现在的样子https://drive.google.com/file/d/1dXMCeBNzkn2c5ChNQfOAVthNBHHsePSp/view?usp=drivesdk

<div className="carousel carousel-center max-w-md   md:max-w-screen-2xl mx-auto  space-x-24 ">
<div id="item1" className="carousel-item">
<img src="/BingWallpaper.jpg" width={896} className="rounded-box" alt="image1" />
</div> 
<div id="item2"  className="carousel-item " >
<img src="/BingWallpaper.jpg" width={896} className="rounded-box"  alt="image2" />
</div> 
<div id="item3"  className="carousel-item">
<img src="/BingWallpaper.jpg" width={896} className="rounded-box" alt="image3" />
</div> 
</div>

Answer 1

只需在按钮中添加一个事件侦听器，即可防止默认行为。添加id"；链接"；到按钮，然后添加一个事件侦听器，如下所示。如果你的按钮元素包含一个锚标记；链接"；id来锚定标签而不是按钮。

document.getElementById("link").addEventListener("click", (e) => {
e.preventDefault();
});