我有一个包含不同部分的网站。我有 jQuery 在这些部分之间滑动。但现在我在一个部分中有一个链接指向另一个部分。
HTML:
<div class="section" id="one">
<div class="row">
<p>This is some text</p>
</div>
<div class="row">
<a href="#" onclick="scrollOrderNow()"><img src="button"/></a>
</div>
</div>
<div class="section" id="tow">
<div class="row">
<p>This is some text</p>
</div>
<div class="row">
<a href="#" onclick="scrollOrderNow()"><img src="button"/></a>
</div>
</div>
<div class="section" id="ordernow">
<div class="row">
<p>This is some text</p>
</div>
<div class="row">
<a href="#" onclick="scrollOrderNow()"><img src="button"/></a>
</div>
</div>
<div class="section" id="four">
<div class="row">
<p>This is some text</p>
</div>
<div class="row">
<a href="#" onclick="scrollOrderNow()"><img src="button"/></a>
</div>
</div>
jQuery:
// onclick on an object with class "section" scroll to this object
$('div.section').click(function() {
$.scrollTo($(this), 800);
});
function scrollOrderNow(){
$('html,body').animate({
scrollTop: $("#ordernow").offset().top
}, 1000);
}
问题是,如果我点击链接scrollOrderNow()
,页面会滑到订单页面,而不是回到该部分,因为链接在该部分中。
你能帮我解决这个问题吗?
谢谢你!