Код: Выделить всё
<div id="page-body">
центральное содержимое с боковой колонкой
</div>
<div id="page-footer">
футер
</div>
<head>
шаблона overall_header.html
:
Код: Выделить всё
<script type="text/javascript" src=".../stickyScroll.js"></script>
<script type="text/javascript">
jQuery(function() {
jQuery('#scroll').stickyScroll();
});
</script>
Код: Выделить всё
duration: 300,
/portal/portal_body.html
, находите место где начинается правая колонка, она отмечена комментарием на вроде <!-- [+] right block area -->
. И, если допустим мы хотим зафиксировать всю колонку, после:
Код: Выделить всё
<!-- [+] right block area -->
<td valign="top" style="width: {PORTAL_RIGHT_COLUMN}px; padding-left:6px;">
<br style="clear:both" />
Код: Выделить всё
<div id="scroll">
Код: Выделить всё
</td>
<!-- [-] right block area -->
Код: Выделить всё
</div>
Код: Выделить всё
<div id="scroll">
<!-- фиксированный блок -->
</div>
Код: Выделить всё
<div id="page-body">
центральное содержимое с боковой колонкой
</div>
<div id="page-footer">
футер
</div>
Код: Выделить всё
@media (max-width: 700px) {
#scroll {
position: static !important;
}
}
Код: Выделить всё
#fixed {
width: 300px;
position: absolute;
}
@media (max-width: 800px) {
#fixed {
position: static !important;
margin: 0 !important;
}
}
Код: Выделить всё
<!-- IF S_INDEX or S_VIEWFORUM or S_VIEWTOPIC -->
<!-- IF ADS_ID_9 -->
</div>
</div>
<!-- ENDIF -->
<!-- IF ADS_ID_10 -->
</div>
<div id="cp-menu">
<div id="sidebar-right">
{ADS_10}
</div>
</div>
</div>
<!-- ENDIF -->
<!-- IF ADS_ID_10 or ADS_ID_9 --></div><!-- ENDIF -->
<!-- ENDIF -->
Код: Выделить всё
<!-- INCLUDE @bb3mobi_ads/ads.js -->
<script type="text/javascript" src="./ext/bb3mobi/ads/styles/prosilver/template/stickyScroll.js"></script>
<script type="text/javascript">
jQuery(function() {
jQuery('#scroll').stickyScroll();
});
</script>
Код: Выделить всё
<!-- IF S_INDEX or S_VIEWFORUM or S_VIEWTOPIC -->
<!-- IF ADS_ID_9 -->
</div>
</div>
<!-- ENDIF -->
<!-- IF ADS_ID_10 -->
</div>
<div id="scroll">
<div id="cp-menu">
<div id="sidebar-right">
{ADS_10}
</div>
</div>
</div>
</div>
<!-- ENDIF -->
<!-- IF ADS_ID_10 or ADS_ID_9 --></div><!-- ENDIF -->
<!-- ENDIF -->
Код: Выделить всё
Uncaught ReferenceError: jQuery is not defined at stickyScroll.js:27