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

【问题标题】：how to stop scroll to specific Div but allow image to slide如何停止滚动到特定的 Div 但允许图像滑动
【发布时间】：2022-08-16 02:59:22
【问题描述】：

我在 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>

分享的图片有限制，请公开
好的，我已经公开了现在
我认为很难使它与#id一起使用。我会尝试调用一个javascript函数来滑动图像。
我不太了解，你能帮忙吗？

标签： javascript html css reactjs

【解决方案1】：

只需向您的按钮添加一个事件侦听器并防止默认行为。将“链接”的 id 添加到按钮，然后添加如下所示的事件侦听器。如果您的按钮元素包含锚标记，请将“链接”ID 添加到锚标记而不是按钮。

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

【讨论】：