平滑滚动链接与花式框冲突，将 href 更改为 class 或 id？

Question

我正在使用它在顶部和底部 div 之间进行滚动转换：

<script type="text/javascript">

$('a').on('click', function (event) {
    event.preventDefault();//stop the browser from jumping to the anchor
    var href  = $(this).attr('href'),
        oset  = $(href).offset().top;
    $('html, body').stop().animate({
        scrollTop : oset
    }, 1000, function () {
        location.hash = href;
    });
});

</script>

但这与我使用fancybox的方式相冲突，因为它使用'href'，我尝试定义'div ids'并创建一个共享类（例如.smooth并在两个链接中调用）但它只是坏了。我怎样才能使用这个指定只有两个 div 来应用它？

问题来自 - https://stackoverflow.com/questions/8547378/fancybox-with-iframe-js-conflictions-with-my-site-wont-implement

Answer 1

改变这个：

$('#menu a').on('click', function (event) {
    event.preventDefault();//stop the browser from jumping to the anchor
    var href  = $(this).attr('href'),
        oset  = $(href).offset().top;
    $('html, body').stop().animate({
        scrollTop : oset
    }, 1000, function () {
        location.hash = href;
    });
});

点击“画廊”打开fancybox时滚动没有意义。