Jscroll не работает в хромированном и сафари

Question

Я пробовал плагин jScroll от Kelvin Luck. Прежде всего это замечательный сценарий. Он отлично работает с текстом, то есть текстом как содержанием, во всех броузерах. Но когда мы вставляем изображения в то, что прокрутка не работает в Safari и Chrome ..., пожалуйста, помогите мне. Новичок в javascrpt ... :)

Retheesh

Answer 1

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

$('.image_class').load(function() { 
     $('.scroll-pane').jScrollPane(); 
}); 

Данна

Answer 2

Это known issue, но обходной путь Данна эффективна. Я в конечном итоге тестирование на наличие проблемных изображений, так как они не всегда присутствует на странице и влияет на размер зоны прокрутки:

$(function() { 
     if($('.image_class').size()) { 
      $('.image_class').load(function() { 
       $('.scroll-pane').jScrollPane(); 
      }); 
     } else { 
      $('.scroll-pane').jScrollPane(); 
     } 
    }); 

Answer 3

Другой способ сделать это, чтобы инициализировать плагин сразу вся страница Загружено

$(window).load(function(){ 
    $('.scroll-pane').jScrollPane(); 
}) 

Answer 4

Хорошо, так поздно, но я просто провел большую часть дня, выяснив это. На самом деле это довольно просто и также объясняется на демонстрационных страницах jScrollpane ...

Поскольку я использую плагин Wordpress, используя обходное решение, предоставленное Данном показалось немного сложным. Решение здесь устанавливает высоту изображения в вашем файле CSS для этой конкретной страницы вместо (или поверх), объявляя их встроенными.

Так в основном, если у вас есть

<div id="mydiv"> 
    <img src="...." height=200px"/> 
>/div> 

JScrollPane не распознает высоту картин и сосчитать их для высоты Div. Так что вам нужно добавить класс в DIV и определить высоту IMG в вашем CSS:

#mydiv .newclass img { 
    height: 200px; 
} 

, и он будет работать нормально!