Блог

У меня есть следующее для CSS jscrollpane:

 .jspContainer
{
    overflow: hidden;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;  /*does not work*/
    border:0px solid red;
}
  

Верхнее поле работает, но я не получаю никакого поля внизу.

Если вы посмотрите на сгенерированный HTML-код после запуска JScrollPane (с помощью Firebug или веб-инспектора вашего браузера), то вы увидите, что он jspContainer находится внутри вашего исходного элемента (который имеет overflow: hidden ). Вот почему нижнее поле ничего не делает…

Вместо этого вы могли бы установить margin bottom на jspScrollable (класс, который добавляется к вашему исходному элементу, когда он становится прокручиваемым). Хотя вам неясно, где вы хотели бы, чтобы поле отображалось?