1
我有多个凸片是这样的:jQuery(“。element”)。scrollTop(0);不起作用
[标签1] [标签2]
--content
[标签1] [标签2]
HTML:
<div class="tabs">
<ul class="tab-links">
<li class="active"><a href="#tab1">Tab #1</a></li>
<li><a href="#tab2">Tab #2</a></li>
</ul>
<div class="tab-content">
<div id="tab1" class="tab active">#1 content</div>
<div id="tab2" class="tab">#2 content </div>
</div>
<div class="tabs">
<ul class="tab-links">
<li class="active"><a href="#tab1">Tab #1</a></li>
<li><a href="#tab2">Tab #2</a></li>
</ul>
</div>
</div>
正如您所看到的,在选项卡内容的上方和下方都有选项卡列表。
只要内容很长,用户在更改选项卡列表底部的选项卡时,必须向上滚动到页面。
所以,我想在用户从下面更改标签时自动滚动顶部。我将jQuery(".tab-content").scrollTop(0);
添加到java脚本代码中。但不知何故,它没有回应。
的jsfiddle:
http://jsfiddle.net/4m2ut16k/8/
注:它的工作原理,当我改变jQuery(".tab-content").scrollTop(0);
到jQuery(window).scrollTop(0);
但这不是我想要的,因为我不是在页面顶部的内容。
只是不明白为什么它不能在第一个地方工作。有没有人找出问题所在?
非常感谢,不诀窍;) – Rough
没问题。乐意效劳。 – taxicala