我在这个问题上苦苦挣扎很长时间......
按钮 bio 需要在点击时滚动到顶部,以便在移动设备上正确显示信息。此按钮具有不同的功能。除了scrollTop之外,所有其他功能都有效,它让我疯狂,为什么会这样?
代码正常运行的实际网站:http://cepods.com/about.php 单击时生物按钮应将视口滚动到顶部。
HTML:
<section class="main-block">
<h1 class="a-title">about</h1>
<section class="content-block scroll-pane">
<article class="content-post">
<div class="info info-1" id="info-1">
<p>CEPODS creates commercial & residential environments using shipping containers. Our aim is to create a community of enthusiast with each build of our unique modern designs.</p>
<p>CEPODS are seen as efficient and effective pod styled units, when compared to other typical commercial spaces such as brick & mortar, food trucks, tent rentals or temporary (pop-up) stores.</p>
<p>CEPODS modern design standards are ideal for anyone interested in operating, marketing, advertising or expanding their presence by using innovative alternative commercial space with shipping containers. The ideal CEPODS clients -are small to large businesses, start-up, pop-up, 2nd store, test retail outlet, and advertising & marketing platforms. Our client base is also expanded to residential and lodging enthusiasts. Many more all welcome.</p>
<p>CEPODS expertise is based in architecture, engineering, design/build, real estate, marketing, retail sales and small business management. Our team of professionals shares the same common passion; produce high quality modern design builds.</p>
<h1>
<a href="#" class="text-btn bio" id="info-2-link" data-info="2">Bio<i class="icon-right-open-gal"></i></a>
</h1>
</div>
<div class="info info-2" id="info-2">
<h1>Micro Spaces LLC</h1>
<p>Executive Member: <a href="#"class="pop-btn pop-link" data-popup="1">TIMOTHY DUNLAP/TIAN MAO</a></p>
<p>Executive Member: <a href="#"class="pop-btn pop-link" data-popup="2">ANDREW HAGUE II</a></p>
<p>Director of Engineering: <a href="#"class="pop-btn pop-link" data-popup="3">RICK DE LA GUARDIA</a></p>
<p>Project Architect: <a href="#"class="pop-btn pop-link" data-popup="4">IBRAHIM GREENIDGE</a></p>
<h1>
<a href="#" class="text-btn bio" id="info-1-link" data-info="1">about<i class="icon-right-open-gal"></i></a>
</h1>
</div>
</article>
</section>
JQUERY:
$(".bio").click(function() {
$("html, body").animate({ scrollTop: 0 }, "slow");
return false;
});