Question

我的bootstrap轮播的左右控制脚本与平滑的页面滚动脚本相撞。

我测试了stackoverflow中的另一个解决方案。旋转木马工作，但平滑的页面滚动确实停止工作。

原始工作卷轴：

 <script>
  $(function() {
  $('a[href*=#]:not([href=#])').click(function() {
  if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')  && location.hostname == this.hostname) {

    var target = $(this.hash);
    target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
    if (target.length) {
      $('html,body').animate({
        scrollTop: target.offset().top
      }, 500);
      return false;
     }
   }
  });
 });
</script>

stackoverflow＆＃34;解决方案＆＃34;打破了平滑的页面滚动：

Change:

$('a[href*=#]:not([href=#])').click(function() {

to (if you use the ID header-menu):

$('#header-menu a[href*=#]:not([href=#])').click(function() {

or (if you use the class header-menu):

$('.header-menu a[href*=#]:not([href=#])').click(function() {

错误解决方案的网址：click here

我想知道如何让旋转木马和光滑的scoll同时工作。

Answer 1

我确实在Stackoverflow中找到了这个解决方案。

变化：

 $('a[href*=#]:not([href=#])').click(function() {

为：

 $('a[href*=#]:not([href=#]):not(.carousel-control)').click(function () {

解决方案是评论，所以它永远不会被标记为正确的。这是主题：

Click Here

Bootstrap 3.3.4轮播：左/右控件与平滑页面滚动脚本碰撞

1 个答案: