Given a region where the line-height and any margins are n
, and the region has a height that is a multiple of n
, and the scrollTop is increased by mult
Have you tried increasing line height by 1px? I tried it in Chrome and it works:
line-height: 22px;
height: 220px; /* A multiple of line height */
and:
document.getElementById('wrapper').scrollTop += 220;
Alternatively you can reduce the font size by 1px which also works for me:
/* alternative solution: */
font-size: 18px;