Chrome vs Firefox vs IE - Scrolling Issue

Question

Я разрабатываю сайт, и, похоже, он ведет себя по-разному, когда в Chrome. Прокрутка не является последовательной или гладкой. Он продолжает останавливаться. Однако, когда я загружаю тот же сайт в Firefox или IE9, у меня нет проблем. Все прокручивается гладко.

++++++++ ++++++++ EDIT я был в состоянии исправить мою проблему, добавив следующий мета-тег в шаблон:

<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 

Я не знаю, почему, но мне кажется это исправить ... а также другие проблемы, которые у меня были

Answer 1

Это известная проблема в Chrome, и решение для меня не логично. Что-то связано с тем, как хром оказывает javascript. Однако при добавлении родительского контейнера div в прокручиваемое содержимое он работает нормально. Существует решение этой проблемы в JavaScript в следующей ссылке с примером

Stackoverflow solution

Для ссылки вы добавили к вашей странице стержня больше, чтобы сделать с IE, чем хром. У вас есть хромированная рамка, установленная в IE?

я не знаю технологии вы используете, но ниже код даст подсказку к solution.In GWT (Google Web Toolkit) Я разработал решение следующим образом:

Мой предыдущий код, который вызывает вопрос был следующим

Старый Код:

 <g:FocusPanel addStyleNames="{style.scrollable} {style.fullHeight}" ui:field="bodyContainer"> 
     <b:CellTable width="100%" ui:field="bodyTable"/> 
     </g:FocusPanel> 

Новый код: CSS:

 #scrollContainer { 
     overflow:auto; 
     position:absolute; 
     top:0px; height:100%; width:100%; 
    } 

HTML: 
    <div id="scrollContainer"> 
    <g:FocusPanel ui:field="bodyContainer"> 
     <b:CellTable width="100%" ui:field="bodyTable"/> 
    </g:FocusPanel> 
    </div> 

Надеюсь, это поможет!