CSS / JavaScript не отображается правильно в Chrome

Question

Я создаю сайт, на котором есть меню карты изображений с всплывающим окном, которое должно появляться при наведении курсора мыши на определенную область. Он отлично работает в Firefox и IE, но когда я загружаю страницу в Chrome, поля появляются, как будто страница не прокручивается. это прекрасно работает, если страница прокручивается до самого верха, но как только пользователь прокручивает страницу вниз, на странице появляются верхние рамки.

Я использую скрипт, полученный от http://www.dhtmlgoodies.com/index.html?whichScript=bubble_tooltip www (точка) dramanotebook (точка) com / menu / (я могу добавить только одну гиперссылку)

Заранее спасибо за помощь

Answer 1

Я собирался спросить «Вы пробовали это в Safari?», Поскольку Chrome и Safari оба используют движок webkit.

Посмотрите на файл .js.

function showToolTip(e,text){
/* blah blah*/
var st = Math.max(document.body.scrollTop,document.documentElement.scrollTop);
if(navigator.userAgent.toLowerCase().indexOf('safari')>=0)st=0; /**** THIS  ****/
var leftPos = e.clientX - 100;
/*etc.*/
}   

Исправление применено специально к Safari с использованием строки userAgent. Chrome отправляет 'Safari' в строке агента пользователя, поэтому он будет применять его и к Chrome. Это обычно считается плохой практикой. В целом, я бы сказал, что скрипты от dhtmlgoodies очень устарели. Нужно ли это исправление для новых рендереров webkit? Кто знает. Вы можете закомментировать это и посмотреть, исправит ли это.

Answer 2

Это ошибка в этом скрипте, которая также отображается на странице примера. Может быть, достаточно удалить эту строку:

if(navigator.userAgent.toLowerCase().indexOf('safari')>=0)st=0;