60fps scrolling using pointer-events: none
Отключаем эффекты :hover при скроле – это позволяет здорово увеличить отзывчивость сайта.
Фишка тут в том, что при скроле мы просто удаляем класс .hover с тега body, тем самым отключая все наши селекторы с :hover-ом. После окончания события, класс возвращается, и эффекты :hover опять в деле.
В common.css в самое его начало вписываем:
- Код: Выделить всё
.disable-hover,
.disable-hover * {
pointer-events: none !important;
}
В overall_footer.html перед </body>
- Код: Выделить всё
<script type="text/javascript">
// <![CDATA[
var body = document.body,
timer;
window.addEventListener('scroll', function() {
clearTimeout(timer);
if(!body.classList.contains('disable-hover')) {
body.classList.add('disable-hover')
}
timer = setTimeout(function(){
body.classList.remove('disable-hover')
},500);
}, false);
// ]]>
</script>
Теперь при скроле форум стал просто летать! Ошеломительная разница...
Особенно заметно на тяжёлых сайтах.
Источник:
http://habrahabr.ru/post/204238/