IScroll scrollToElement不起作用

Question

I'm trying to use the scrollToElement function from the IScroll library, but I can't get it to work. 我正在尝试使用IScroll库中的scrollToElement函数，但无法正常工作。

 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>

As you can see, I'm just trying to scroll to the h2 element, but nothing happens. 如您所见，我只是尝试滚动到h2元素，但没有任何反应。

What am I doing wrong? 我究竟做错了什么？

Thanks in advance! 提前致谢！

jsfiddle jsfiddle

Answer 1

You need to slightly change your HTML. 您需要稍微更改HTML。 Check this fiddle . 检查这个小提琴。 There are some requirements in HTML and CSS for IScroll to work. HTML和CSS中有一些要求才能使IScroll正常工作。

 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>

IScroll scrollToElement不起作用

问题描述

1 个解决方案

解决方案1
1 已采纳 2015-09-21 09:43:48

IScroll scrollToElement不起作用

问题描述

1 个解决方案

解决方案1 1 已采纳 2015-09-21 09:43:48

解决方案1
1 已采纳 2015-09-21 09:43:48