gpt4 book ai didi

javascript - scrollIntoview jQuery 插件不执行任何操作

转载 作者:行者123 更新时间:2023-12-03 01:47:03 24 4
gpt4 key购买 nike

我目前正在使用来自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>并且控制台没有打印任何错误。

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

最佳答案

当您在正文样式中使用overflow-y:hidden属性时,该插件不起作用:<body style="overflow-y:hidden;">

关于javascript - scrollIntoview jQuery 插件不执行任何操作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50593467/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com