轮播切换正常,不滑动

<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 轮播按钮滚动问题的标准做法,既简洁又有效。

如果你后续还遇到其他轮播相关的行为问题(比如自动播放、指示器同步等),欢迎继续交流。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值