<a class="left carousel-control" href="javascript:void(0);" data-target="#header-slider-carousel" data-slide="prev">
<span class="no-icon"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="javascript:void(0);" data-target="#header-slider-carousel" data-slide="next">
<span class="no-icon"></span>
<span class="sr-only">Next</span>
</a>
这样就不滑动了
太好了!看来你已经找到了正确的解决方案:将 `href` 改为 `javascript:void(0);`,同时保留 `data-target="#header-slider-carousel"` 和 `data-slide="prev/next"`。
这样修改后:
- ✅ **页面不再滚动**:因为 `javascript:void(0);` 不是有效的锚点链接,浏览器不会尝试跳转。
- ✅ **轮播切换正常**:Bootstrap 轮播组件优先读取 `data-target` 属性来定位轮播容器,切换功能完全不受影响。
这是处理 Bootstrap 3/4 轮播按钮滚动问题的标准做法,既简洁又有效。
如果你后续还遇到其他轮播相关的行为问题(比如自动播放、指示器同步等),欢迎继续交流。

5170

被折叠的 条评论
为什么被折叠?



