Untitled

jQuery - piece of code causing conflict problems on pages the selector doesn't exist

jQuery('#commentWrapper').stickyfloat({ duration: 300, easing : 'easeInQuad' });

       

$.fn.stickyfloat = function(options, lockBottom) {

            var $obj                = this;

            var parentPaddingTop    = parseInt($obj.parent().css('padding-top'));

            var startOffset         = $obj.parent().offset().top;

            var opts                = $.extend({ startOffset: startOffset, offsetY: parentPaddingTop, duration: 200, lockBottom:true }, options);

 

            $obj.css({ position: 'absolute' });

 

            if(opts.lockBottom){

                var bottomPos = $obj.parent().height() - $obj.height() + parentPaddingTop; //get the maximum scrollTop value

                if( bottomPos < 0 )

                    bottomPos = 0;

            }

 

            $(window).scroll(function () {

                $obj.stop(); // stop all calculations on scroll event

 

                var pastStartOffset         = $(document).scrollTop() > opts.startOffset;   // check if the window was scrolled down more than the start offset declared.

                var objFartherThanTopPos    = $obj.offset().top > startOffset;  // check if the object is at it's top position (starting point)

                var objBiggerThanWindow     = $obj.outerHeight() < $(window).height();  // if the window size is smaller than the Obj size, then do not animate.

 

                // if window scrolled down more than startOffset OR obj position is greater than

                // the top position possible (+ offsetY) AND window size must be bigger than Obj size

                if( (pastStartOffset || objFartherThanTopPos) && objBiggerThanWindow ){

                    var newpos = ($(document).scrollTop() -startOffset + opts.offsetY );

                    if ( newpos > bottomPos )

                        newpos = bottomPos;

                    if ( $(document).scrollTop() < opts.startOffset ) // if window scrolled < starting offset, then reset Obj position (opts.offsetY);

                        newpos = parentPaddingTop;

                    $obj.animate({ top: newpos }, opts.duration );

                }

            });

        };

       

var $obj = this;

// ...

var startOffset = $obj.parent().offset().top;

       

$.fn.stickyfloat = function(options, lockBottom) {

    return this.each(function() {

        var $obj = $(this);

        // The rest of your code.

    }

};

       

var $obj = $(this);

var $parent = $obj.parent();

if (!$parent.length) {

    return;  // No parent, continue with next element, if any.

}

// Parent element is safe to use.

var parentPaddingTop = parseInt($parent.css('padding-top'));

var startOffset = $parent.offset().top;