IScroll scrollToElement不工作
IScroll scrollToElement不工作
提问于 2015-09-21 00:56:22
我正在尝试使用来自scrollToElement库的IScroll函数，但我无法让它工作。
new IScroll(document.querySelector(".wrapper")).scrollToElement(document.querySelector("h2"));.wrapper {
background-color: red;
}<script src="https://cdnjs.cloudflare.com/ajax/libs/iScroll/5.1.3/iscroll.js"></script>
<div class="wrapper">
<h1>This is H1</h1>
<h1>This is H2</h1>
<h1>This is H3</h1>
<h1>This is H4</h1>
<h1>This is H5</h1>
<h1>This is H6</h1>
<h1>This is H7</h1>
<h1>This is H8</h1>
<h1>This is H9</h1>
<h1>This is H10</h1>
<h1>This is H11</h1>
<h2>This is H12</h2>
<h1>This is H13</h1>
<h1>This is H14</h1>
<h1>This is H15</h1>
<h1>This is H16</h1>
<h1>This is H17</h1>
<h1>This is H18</h1>
<h1>This is H19</h1>
</div>
正如您所看到的，我只是试图滚动到h2元素，但是什么也没有发生。
我做错了什么？
提前感谢！
小提琴
回答 1
Stack Overflow用户
回答已采纳
发布于 2015-09-21 09:43:48
您需要稍微修改HTML。看看这个小提琴。对于IScroll的工作，HTML和CSS中有一些要求。
var test = new IScroll(".wrapper").scrollToElement("h2");.wrapper {
position: relative;
}
#scroller {
position: absolute;
}<body>
<div class="wrapper">
<div id="scroller">
<h1>This is H1</h1>
<h1>This is H2</h1>
<h1>This is H3</h1>
<h1>This is H4</h1>
<h1>This is H5</h1>
<h1>This is H6</h1>
<h1>This is H7</h1>
<h1>This is H8</h1>
<h1>This is H9</h1>
<h1>This is H10</h1>
<h1>This is H11</h1>
<h2>This is H12</h2>
<h1>This is H13</h1>
<h1>This is H14</h1>
<h1>This is H15</h1>
<h1>This is H16</h1>
<h1>This is H17</h1>
<h1>This is H18</h1>
<h1>This is H19</h1>
</div>
</div>
</body>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/32685883
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号