首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >scroliIntoview jQuery插件不执行任何操作

scroliIntoview jQuery插件不执行任何操作
EN

Stack Overflow用户
提问于 2018-05-30 05:49:43
回答 1查看 35关注 0票数 0

我目前正在使用https://github.com/litera/jquery-scrollintoview的插件滚动视图,但没有工作,当我用jQuery.scrollintoview测试时,插件已经准备好了。

我还测试了其他插件的滚动功能,但也无法正常工作。

下面是我的js函数:

代码语言:javascript
运行
复制
function scrollToId(id){
  $('#'+id).scrollintoview({
    duration: 1000,
    direction: 'vertical',
    complete: function () {
      console.log('Ready');
    }
  });
}

下面是js文件在index.html中的顺序

代码语言:javascript
运行
复制
<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>,并且控制台不会打印任何错误。

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

EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50593467

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档