我需要一个按钮，将在每次被点击

时间滚动400像素下来我有我将按钮使用的图像。我需要一些代码，每次单击图像时都会使页面平滑地向下滚动400px。我需要一个按钮，将在每次被点击

我认为JQuery的或JavaScript会做的伎俩，我真的不知道，因为我不知道他们。

它甚至会更好，其实，如果不是按钮，我可以有一个快捷键。就像Google+上的谷歌一样，“J”和“K”用于上下移动帖子。这正是我想要实现的。我网站上的每篇文章都会有相同的高度，这样可以更容易编码。

2012-02-21 JavierOcampo

的动画功能，只需绑定到你的图像或按钮的点击事件，并让它与动画400

例如，scrollTop的属性，将网页上的按钮：

<input type="button" value="Scroll" id="scroll" />

而且使用一段JavaScript代码：

$('#scroll').click(function() { 
    $('body').animate({scrollTop: +400}, 1000); 
})

只要确保jQuery是加载，它会工作。

负荷的jQuery的只是身体结束标签前添加此：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

并将其列入JavaScript代码段的最好办法是将脚本规则上方和机身结束标记之间以下。

<script type="text/javascript"> 
$(document).ready(function() { 
    $('#scroll').click(function() { 
     $('body').animate({scrollTop: +400}, 1000); 
    }) 
}); 
</script>

来源

2012-02-21 11:10:55 John

就像我说的，我不知道JQuery或Javascript，那么我怎么确定JQuery被加载？只是让我们在同一页上，我已经放置在页面主体的按钮，而你的Javascript的标签内。到目前为止它不适合我。 – JavierOcampo 2012-02-22 04:18:58

哇，它的作品！谢谢！只有一个小问题。它只能工作一次。我甚至尝试添加按钮两次，但它没有做任何事情。 – JavierOcampo 2012-02-24 03:56:27

尝试用“{scrollTop：'+ = 400'}”替换“{scrollTop：+400}”，并用“$（'html，body'）替换”$（'body'）“以使其跨浏览器。 ”。看看我在那里创建的实例：http://jsfiddle.net/dely/TN4wP/14/。 – John 2012-03-07 11:20:58

我需要一个按钮，将在每次被点击

回答

相关问题