$(document).ready(function() {
$("#contact_menu").click(function() {
$(body).scrollTo("#contact", 800);
});
});
我在我的代码中输入了这个,希望能让我的页面滚动,但是它不起作用。我尝试了几种方法,但是都做不对。
希望有人能够帮助我。
$(document).ready(function() {
$("#contact_menu").click(function() {
$(body).scrollTo("#contact", 800);
});
});
我在我的代码中输入了这个,希望能让我的页面滚动,但是它不起作用。我尝试了几种方法,但是都做不对。
希望有人能够帮助我。
试试这个:
$("#contact_menu").click(function() {
$("body").animate({
scrollTop: $("#contact").offset().top
}, 2000);
});
jsFiddle: http://jsfiddle.net/hescano/43umh/
您是否在尝试使用这个插件?http://demos.flesler.com/jquery/scrollTo/
$(“html”)
进行动画处理。这就是为什么大多数有关动画滚动的教程都将$(“html,body”)
作为要进行动画处理的对象的原因。参考:https://dev59.com/RWHVa4cB1Zd3GeqPpbMZ - user166560.scrollTop
方法:$(document).ready(function() {
var pos = $('#contact').position();
$("#contact_menu").click(function() {
$(body).animate({scrollTop:pos.top},800);
});
});
尝试一下
$(document).ready(function() {
$("#contact_menu").click(function() {
$('body, html').animate({ scrollTop: $("#contact").offset().top }, 800);
});
});
我不知道关于“scrollTo”函数,但如果它确实存在,问题可能在选择器中。根据浏览器的不同,您必须动画显示body或html对象。我通常用以下方法来动画显示scrollTop:
$('html,body').animate({ scrollTop: $('#contact').position().top+'px'}, 400, function() {})