<div id="mcs_container">
<div class="customScrollBox">
<div class="container">
<div class="content">
<iframe src="/mchat/"></iframe>
</div>
</div>
<div class="dragger_container">
<div class="dragger"></div>
</div>
</div>
<a href="#" class="scrollUpBtn"></a> <a href="#" class="scrollDownBtn"></a>
</div>
<!-- Содержимое для вывода, если Javascript отключен -->
<noscript>
<style type="text/css">
#mcs_container .customScrollBox,#mcs2_container .customScrollBox,#mcs3_container .customScrollBox,#mcs4_container .customScrollBox,#mcs5_container .customScrollBox{overflow:auto;}
#mcs_container .dragger_container,#mcs2_container .dragger_container,#mcs3_container .dragger_container,#mcs4_container .dragger_container,#mcs5_container .dragger_container{display:none;}
</style>
</noscript>
<script>
$(window).load(function() {
mCustomScrollbars();
});
function mCustomScrollbars(){
/*
Параметры плагина CustomScrollbar:
1) Тип прокрутки (значение: "vertical" или "horizontal")
2) Величина перемещения со сглаживанием (0 - сглаживание не используется)
3) Тип сглаживания перемещений
4) Дополнительное место снизу, только для вертикального типа прокрутки (минимальное значение: 1)
5) Настройка высоты/ширины панели прокрутки (значение: "auto" или "fixed")
6) Поддержка прокрутки колесиком мыши (значение: "yes" или "no")
7) Прокрутка с помощью клавиш (значения: "yes" или "no")
8) Скорость прокрутки (значение: 1-20, 1 соответствует самой медленной скорости)
*/
$("#mcs_container").mCustomScrollbar("vertical",400,"easeOutCirc",1.05,"auto","yes","yes",10);
$("#mcs2_container").mCustomScrollbar("vertical",0,"easeOutCirc",1.05,"auto","yes","no",0);
$("#mcs3_container").mCustomScrollbar("vertical",900,"easeOutCirc",1.05,"auto","no","no",0);
$("#mcs4_container").mCustomScrollbar("vertical",200,"easeOutCirc",1.25,"fixed","yes","no",0);
$("#mcs5_container").mCustomScrollbar("horizontal",500,"easeOutCirc",1,"fixed","yes","yes",20);
}
/* Функция для обхода ошибки с 10000 px для jquery.animate */
$.fx.prototype.cur = function(){
if ( this.elem[this.prop] != null && (!this.elem.style || this.elem.style[this.prop] == null) ) {
return this.elem[ this.prop ];
}
var r = parseFloat( jQuery.css( this.elem, this.prop ) );
return typeof r == 'undefined' ? 0 : r;
}
/* Функция для динамической загрузки содержания */
function LoadNewContent(id,file){
$("#"+id+" .customScrollBox .content").load(file,function(){
mCustomScrollbars();
});
}
</script>
<script src="/jquery.mCustomScrollbar.js"></script>
<!-- </body> -->
<!-- </middle> -->
</div>
<div id="rightcol">
</div>
<div style="clear: both;"></div>
</div>
<div style="position:relative; top:-20px;">
$GLOBAL_BFOOTER$
</div>
</div>
</div>
, вот скрин 