我有点新来的代码,但当我尝试使用jQuery脚本平滑滚动它从来没有工作。jQuery的平滑滚动不能在我的网站上工作
如果我点击我的按钮它滚动到div,但不顺利。
// Document ready shorthand statement
$(function() {
$('.link').click(function() {
var id = $(this).attr('href');
$('html,body').animate({
scrollTop: $(id).offset().top
}, 'slow');
// Prevent default behavior of link
return false;
});
});
#portfolio {/* just to make it visible */
margin-top: 100vh;
}
<a href="#portfolio"><button type="button" class="btn btn-lg btn-outline-info">Scroll down</button></a>
<div id="portfolio" class="container pt-5">
<div class="row d-flex justify-content-center">
<img id="thumb" src="images/img/01.jpg" class="img-thumbnail m-2 img-responsive" width="300" height="200">
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
只是一个小的事情 - 看我的答案......问候:) – Axel