如何使用jquery将.png照片添加到平滑滚动中？

我正在开发一个带有垂直平滑滚动jquery的单页网站。在导航栏中，我有Home、About、Services、Gallery和Contact链接，这些链接与垂直平滑滚动jquery插件配合得很好

现在，在我的画廊部分的底部，我有一句话（段落）说：如果你喜欢我的作品，请与我联系以获取更多信息。同一段落中的“GET IN TOUCH”实际上是一个小的.png文件，我想让它发挥作用，这样当用户点击它时，它会向下滚动到联系人页面（就像我导航栏中的任何其他链接一样工作正常）

这是我的jquery平滑卷轴：

$(function () {
    $('header ul a').bind('click', function (event) {
        var $anchor = $(this);

        $('html, body').animate({
            scrollTop: $($anchor.attr('href')).offset().top + "px"
        }, 1500);
        /*
        if you don't want to use the easing effects:
        $('html, body').stop().animate({
            scrollTop: $($anchor.attr('href')).offset().top
        }, 1000);
        */
        event.preventDefault();
    });
});

以下是我的一段“接触”图片：

<div class="getintouch">
    <p class="left">If you like my work</p>
    <img src="images/getintouch.png" />
    <p class="right">for more information.</p>
</div>

但它不起作用

---

不确定这是否可行，但我想让这个GET IN TOUCH.png向下滚动到contact。希望你们能帮忙！首先，感谢您在

img

中没有

href

属性

其次，为什么不仅仅是谷歌-

http://stackoverflow.com/questions/8579643/simple-jquery-scroll-to-anchor-up-or-down-the-page

：

$(function () {
    $('header ul a, .getintouch img').bind('click', function (event) {
        var $anchor = $(this);

---

所以我必须在我的周围添加标记，然后在标记中添加ID和href，对吗？？？当然你会使用-锚来完成你需要的工作，但我理解如果你的目标是平滑滚动。。。无论如何，请查看我为您更新的JSFIDLE。我想这是你需要的。谢谢你的帮助。不幸的是，您的jquery与我的jquery如此不同，以至于我不知道如何处理它。我想我只需要稍微更改用于导航栏链接的smooth scroll jquery，只需对同一个smooth scroll.js添加一些更改，就可以使getintouch.png正常工作。我在我的周围添加了，并将jquery更改为：$（'header ul a，.getintouch a'）但它会将我带到页面顶部。您的

href

应该指向联系人详细信息持有者id。即

href=“#concat info”

-它会将页面跳转到该

id

。无论如何，我已经为您创建了一个新的小提琴-

http://jsfiddle.net/ZJ5sW/

$(function () {
    $('header ul a, .getintouch img').bind('click', function (event) {
        var $anchor = $(this);

function scrollToAnchor(aid){
    var aTag = $("a[name='"+ aid +"']");
    $('html,body').animate({scrollTop: aTag.offset().top},1500);
}

$("#link").click(function() {
   scrollToAnchor('id3');
});