form_javascript 기술로 슬라이드되는 작은 플러그인 고정 소스 코드

复主代码 代码如下:

     $.fn.stickyfloat = 기능(옵션, 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( { 위치: ' 절대' });

                if(opts.lockBottom){
                 var BottomPos = $obj.parent().height() - $obj.height() parentPaddingTop;
                   if( BottomPos < ; 0 )
                      BottomPos = 0;
              }

               $(window).scroll(function () {
                    $obj.stop();

                   var 과거StartOffset            = $(document).scrollTop() > opts.startOffset;  
                   var objFartherThanTopPos    = $obj.offset().top > startOffset;  
                   var objBiggerThanWindow     = $obj.outerHeight() < $(창).높이();  

                   if( (pastStartOffset || objFartherThanTopPos) && objBiggerThanWindow ){
                      var newpos = ($(document).scrollTop() -startOffset opts.offsetY );
                       if ( newpos > BottomPos )
newpos = BottomPos;
                      if ( $(document).scrollTop() < opts.startOffset )
                        newpos = parentPaddingTop;
                        $obj.animate({ top: newpos }, opts.duration );
                   }
               });
           };

使사용 방법很简单：只要재页면중引入该插件，然后用选择器调用：

复代码 代码如下:

$('#menu15').stickyfloat({ 기간: 500 });
$('#menu14').stickyfloat({ 기간: 500 });
$('# menu13').stickyfloat({ 지속 시간: 500 });
$('#menu12').stickyfloat({ 지속 시간: 500 });

다음 지속 시간 매개변수는 슬라이딩 속도를 나타냅니다. , 크기가 클수록 속도가 느려집니다.