Question

我正在使用两个单独的脚本，每个脚本都有滚动功能。出于某种原因，他们互相搞乱，使得卷轴都生涩起来，搞砸了。我不确定为什么或如何解决。请帮我解决这个冲突。

以下是两个脚本：

滚动1 - 点击滚动到'.anchor'：

$(document).ready(function() {
  $('#scroll').click(function(){
    $('body').animate({scrollTop:$('.anchor').offset().top }, 'slow');
  });
});

滚动2 - 使用页脚向上滑动并显示内容。滚动将页面保持在底部，而不是在屏幕截止下方显示内容。

$(document).ready(function(){
$("#slideup1").mouseover(function(e) {
    e.preventDefault();
    $(".ftc1").delay(100).fadeIn(200);
    $(".ftc2").fadeOut(100);
    var $more = $(".footcontent").slideDown(260);
    $("body").animate({
        scrollTop: $more.offset().top
    }, {
        duration: 260,
        queue: false
    })
});
$("#slideup2").mouseover(function(e) {
    e.preventDefault();
    $(".ftc2").delay(100).fadeIn(200);
    $(".ftc1").fadeOut(100);
    var $more = $(".footcontent").slideDown(260);
    $("body").animate({
        scrollTop: $more.offset().top
    }, {
        duration: 260,
        queue: false
    })
});
$("#frame").mouseover(function(e) {
    e.preventDefault();
    var $more = $(".footcontent").slideUp(260);
    $("body").animate({
        scrollTop: $more.offset().top
    }, {
        duration: 260,
        queue: false
    })
});
});

可能不是最优雅的剧本，但它的作用......除了它弄乱了平滑的滚动，甚至没有滚动整个距离。

这是小提琴： http://jsfiddle.net/mLFZV/1/

谢谢！

Jquery滚动脚本似乎有冲突

0 个答案: