Question

我目前正在使用来自https://github.com/litera/jquery-scrollintoview的插件scrollintoview并且无法正常工作，当我使用jQuery.scrollintoview进行测试时，该插件已准备就绪。

还测试了其他插件以进行滚动，也无法正常工作。

这是我的js函数：

function scrollToId(id){
  $('#'+id).scrollintoview({
    duration: 1000,
    direction: 'vertical',
    complete: function () {
      console.log('Ready');
    }
  });
}

以下是index.html

中js文件的顺序

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-scrollintoview/1.8/jquery.scrollintoview.min.js"></script>
<script src="js/index/index.js"></script>

使用此功能的一个例子是<button onclick="goToId('design')" ><h5>Design</h5></button> 那应该是<div id="design"><h1>Design</h1></div> 并且控制台没有打印任何错误。

还使用插件scrollTo从https://github.com/flesler/jquery.scrollTo进行了测试，但它具有相同的行为。

Answer 1

当您在正文样式中使用overflow-y：hidden属性时，插件不起作用：main()

scroliIntoview jQuery插件没有做任何事情

1 个答案: