• Arts
• Business
• Computers
• Games
• Health
• Home
• Kids and Teens
• News
• Recreation
• Reference
• Regional
• Science
• Shopping
• Society
• Sports

The KnittingZone

', minBarHeight = 30, wheelStep = 30, o = ops || {}, cwidth = o.width || 'auto', cheight = o.height || '250px', size = o.size || '7px', color = o.color || '#000', position = o.position || 'right', opacity = o.opacity || .4, alwaysVisible = o.alwaysVisible === true; //used in event handlers and for better minification var me = $(this); //wrap content var wrapper = $(divS).css({ position: 'relative', overflow: 'hidden', width: cwidth, height: cheight }).attr({ 'class': 'slimScrollDiv' }); //update style for the div me.css({ overflow: 'hidden', width: cwidth, height: cheight }); //create scrollbar rail var rail = $(divS).css({ width: '15px', height: '100%', position: 'absolute', top: 0 }); //create scrollbar var bar = $(divS).attr({ 'class': 'slimScrollBar ', style: 'border-radius: ' + size }).css({ background: color, width: size, position: 'absolute', top: 0, opacity: opacity, display: alwaysVisible ? 'block' : 'none', BorderRadius: size, MozBorderRadius: size, WebkitBorderRadius: size, zIndex: 99 }); //set position var posCss = (position == 'right') ? { right: '1px' } : { left: '1px' }; rail.css(posCss); bar.css(posCss); //wrap it me.wrap(wrapper); //append to parent div me.parent().append(bar); me.parent().append(rail); //make it draggable bar.draggable({ axis: 'y', containment: 'parent', start: function() { isDragg = true; }, stop: function() { isDragg = false; hideBar(); }, drag: function(e) { //scroll content scrollContent(0, $(this).position().top, false); } }); //on rail over rail.hover(function(){ showBar(); }, function(){ hideBar(); }); //on bar over bar.hover(function(){ isOverBar = true; }, function(){ isOverBar = false; }); //show on parent mouseover me.hover(function(){ isOverPanel = true; showBar(); hideBar(); }, function(){ isOverPanel = false; hideBar(); });

Contact Information