Question

这是我的小提琴代码。

$(function() {
  var overlay = $('<div id="overlay"></div>');
  $('.close').click(function() {
    $('.popup').hide();
    overlay.appendTo(document.body).remove();
    return false;
  }
});

弹出窗口正常。在它里面，有2个部分。我想为弹出窗口中的那两个部分分配锚点，所以当我点击＆＃34;帮助1＆＃34;时，它应该转到＆＃34;标题1来到这里＆＃34;当我点击＆＃34;帮助2＆＃34;时，它应该转到＆＃34;标题2来到这里＆＃34;。但目前它并没有按照我的意愿运作。锚点在同一页面上正常工作，但不会弹出。

Answer 1

试试这个http://jsfiddle.net/aamir/qdfET/4/

$(function () {

    ...

    $('.Link10ptNormal').click(function () {
        overlay.show();
        overlay.appendTo(document.body);
        $('.popup').show();
        var container = $( ".content" ).find('div:first');
        var anc = container.find('a[name="'+$(this).attr('href').replace('#','')+'"]');
        container.animate({'scrollTop' : anc.position().top }, 2000 );
        //instead of above line, if you don't want animation use following line
        //container.scrollTop(anc.position().top);
        return false;
    });
});

播放.top值以获得更准确的结果。像

container.animate({'scrollTop' : anc.position().top - 30 }, 2000 );

锚点在jquery弹出窗口中不起作用

1 个答案: