如何编写适用于多个元素的jquery插件

Question

我写了以下功能，我试图在不同的元素中使用它，但它不起作用。

$.fn.sticky = function() {

    var 
        scrollTop           =   $(window).scrollTop();
        replace_class       =   $(this),
        sticky              =   "ceras_sticky_header",
        elementOffset       =   replace_class.offset().top,
        distance            =   (elementOffset - scrollTop),
        leftPositionofImage =   replace_class.offset().left,
        windowWidth         =   $(window).width(),
        elementWidth        =   replace_class.width(),
        rightPosition       =   (windowWidth - leftPositionofImage - elementWidth - 12);

        $(window).scroll(function() {
          if( $(this).scrollTop() > distance) {
            replace_class.addClass(sticky);
            replace_class.css('right',rightPosition);
            replace_class.draggable();
          } else {
            replace_class.removeClass(sticky);
          }
        });
};

我希望它的工作方式如下：

$( ".ancor_controls" ).sticky();
$( ".ancor_controls1" ).sticky();