0

私は自分のサイトでスティッキーを使用しています。CSSで完全に構成されていますが、スクロールを開始すると左側に移動します。右側に貼り付けて欲しいです。どうやってやるの?

JSファイルの一部だと思います

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

        //Settings list and the default values
        var defaults = {
            marginTop: 0
        };

        var options = $.extend(defaults, options);

        return this.each(function() {
            var o = options;

            //Assign current element to variable, in this case is UL element
            var obj = $(this);   


var offset = obj.offset();
var topOffset = offset.top;
var marginTop = obj.css("marginTop");
var marginTopNum = parseInt(marginTop);

var diff = topOffset - marginTopNum;


var offset = obj.offset();
            var topOffset = offset.top;
            var leftOffset = offset.left;
            var marginTop = obj.css("marginTop");
            var marginLeft = obj.css("marginLeft");


            $(window).scroll(function() { 
                var WindowScrollTop = $(window).scrollTop();
                var scrollTop = WindowScrollTop + o.marginTop;

                if (scrollTop >= topOffset){

                    obj.css({
                        marginTop: o.marginTop,
                        marginLeft: leftOffset,
                        position: 'fixed'
                    });
                }

                if (scrollTop < topOffset){

                    obj.css({
                        marginTop: marginTop,
                        marginLeft: marginLeft,
                        position: 'fixed'
                    });
                }
            });


        });
    }
});
})(jQuery);
4

1 に答える 1

0

これで試してください:

if (scrollTop >= topOffset){
    obj.css({
        marginTop: o.marginTop,
        marginLeft: marginLeft, //<----change to this
        position: 'fixed'
    });
}
于 2013-02-21T09:59:54.970 に答える