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时，滚动没有任何意义。

平滑滚动链接冲突w / fancybox，将href更改为class或id？

1 个答案: