0

我为 jQuery 编写了一个小插件，用于实现简单的视差滚动效果。它适用于除 < ie8 之外的所有浏览器。

$.fn.extend({ 
    //plugin name - parallax ( simpel )
    parallax: function(options) {

        var defaults = {
            speed: 3
        };

        var options = $.extend(defaults, options);
        var o = options;
        var obj = $(this);
        var s = $(window).scrollTop() / o.speed;

        if ($.browser.msie && parseInt($.browser.version, 10) <= 8) {
            obj.css({"top" : -s + "px"});
        }else{
            obj.css("-webkit-transform", "translateY(-" + s + "px)");
            obj.css("-moz-transform", "translateY(-" + s + "px)");
            obj.css("-ms-transform", "translateY(-" + s + "px)");
        }                                
    }
});

在我的主 jQuery 文件中，我使用如下代码：

$(window).scroll(function(){
    $('.headMenu').parallax({speed: 6});
    $('.header_img').parallax();
});

由于某种原因，'s' 始终保持为 0。找不到原因。我认为 $(window).scroll 在 IE8 中不起作用。

4

1 回答 1

-2

过去我在 IE 中的 scrollTop() 运气不好，但不知道为什么。如果它符合您的需求，请尝试window.scrollTo(0, 0);在所有 IE 中始终使用为我工作 :-)

于 2013-01-09T13:46:11.863 回答