Question

我是编码的新手，对于这个网站，我希望你能帮助我！所以我正在制作横向网站，我想添加滚动背景，滚动与其他元素点击，但速度较慢例如http://hotdot.pro/en/。我该怎么做，我在哪里放置代码行？

或者我可以使用更好的插件？

感谢您的帮助！

!!我在这里放脚本代码只是因为网站说我的帖子不够丰富。遗憾

<script>

$(document).ready(function() {

    $('a.panel').click(function () {

        $('a.panel').removeClass('selected');
        $(this).addClass('selected');

        current = $(this);

        $('#wrapper').scrollTo($(this).attr('href'), 800);      

        return false;
    });

    $(window).resize(function () {
        resizePanel();
    });

});

function resizePanel() {

    width = $(window).width();
    height = $(window).height();

    mask_width = width * $('.item').length;

    $('#debug').html(width  + ' ' + height + ' ' + mask_width);

    $('#wrapper, .item').css({width: width, height: height});
    $('#mask').css({width: mask_width, height: height});
    $('#wrapper').scrollTo($('a.selected').attr('href'), 0);

}

</script>

或

在哪里？

Answer 1

jQuery Parallax Plugin可能就是你要找的东西。

在此处查看演示：http://ianlunn.co.uk/plugins/jquery-parallax/

此处的源代码和文档：https://github.com/IanLunn/jQuery-Parallax

“或者我可以使用更好的插件” - 经验法则是：只要可以使用已编写的代码（而不是自己编写代码），就应该这样做。除了这些案例，编写代码是一种学术练习。

jQuery.ScrollTo - 如何使bg滚动比其余的慢？

1 个答案: