Проблема с высотой jScrollPane 2.0 в chrome

Я использую div с классом scroll-pane (высота 100%) внутри абсолютного позиционированного div. Блок прокрутки сначала содержит текст, затем изображение, а затем снова текст. Высота изображения установлена ​​на 200 пикселей. 0 проблема высоты в chrome Я использую div с классом scroll-pane (высота 100%) в абсолютном позиционировании div. Блок прокрутки сначала содержит текст, затем изображение, а затем снова текст. Изображение ...

Я использую div с классом scroll-pane (высота 100%) внутри абсолютного позиционированного div. Блок прокрутки сначала содержит текст, затем изображение, а затем снова текст. Высота изображения установлена ​​на 200 пикселей. 0 проблема высоты в chrome Я использую div с классом scroll-pane (высота 100%) в абсолютном позиционировании div. Блок прокрутки сначала содержит текст, затем изображение, а затем снова текст. Изображение ...

Я использую div с классом scroll-pane (высота 100%) внутри абсолютного позиционированного div. Блок прокрутки сначала содержит текст, затем изображение, а затем снова текст. Высота изображения установлена ​​на 200 пикселей. Проблема есть! Если я просматриваю область прокрутки в Chrome (последняя версия), я иногда могу прокручивать весь контент, а иногда, после обновления сайта в браузере, нет. Не означает, что я могу видеть только часть второго текста и не более. Таким образом, фактическая высота прокрутки уменьшается. Если я обновлюсь снова, я, возможно, снова все увижу готовым и так далее. Он меняется каждый раз, когда я обновляю браузер. Это происходит только в Chrome.

Есть идеи, что я могу сделать, чтобы избежать такого поведения? Спасибо .....

ОБНОВЛЕНИЕ Это действительно как-то связано с тем, как импорт (js и css) выстраивается в заголовке. Вы правы, css нужно импортировать до jscrollPane js, но это также означает, что высота изображения должна быть взята из одной из таблиц стилей css. Вы не можете определить высоту прямо в теге изображения в разметке. Мое решение состояло в том, чтобы создать класс, например img200 (представляющий высоту 200 пикселей) в моей таблице стилей, и это помогло. Итак, еще раз, что нужно сделать, чтобы он работал в Chrome или лучших браузерах webkit в целом: Настройте класс высоты изображения в таблице стилей для изображений, которые используются в scrollPane. Включите вашу таблицу стилей раньше !!!!! javascript для jScrollPane. Добавьте специальный класс высоты ко всем изображениям, которые вы включаете в jScrollPane Вот и все. Еще раз спасибо за быстрый ответ. Очень круто.

ОКОНЧАТЕЛЬНОЕ ОБНОВЛЕНИЕ РЕШЕНИЯ !!!!!!!!!
Если у вас есть изображения в области jScrollPane, вы должны убедиться в следующем, чтобы все это хорошо отображалось в браузере webkit, таком как Chrome или Safari. В противном случае это вызовет проблемы с высотой, и будет видна только часть вашего содержимого.
Это то, что вам нужно сделать:
Убедитесь, что ваши таблицы стилей css и javascript-файл jScrollPane правильны. Файл jScrollPane javascript должен соответствовать вашим таблицам стилей css, а не наоборот! Также вам нужно добавить высоту к каждому изображению, включенному в область jScrollPane. Вы можете сделать это либо создав класс css, либо добавить измерение в качестве атрибута непосредственно в img в вашей html-разметке.
Если вы помните об этом, это поможет.

10
задан markimark 30 September 2010 в 09:41
поделиться