jScrollPane обрезает нижнюю часть полосы прокрутки

вы можете увидеть код здесь.

jQuery:

$(document).ready(function(){
    $('#scroll').jScrollPane({showArrows: true});
});

CSS:

#scroll {
    width: 50%;
    height: 200px;
}
.jspTrack {
    background-color: lightgreen;
    border: 1px solid green;
}
.jspArrowUp, .jspArrowDown {
    background-color: #009933;
    border: 1px solid lightgreen;
}
.jspArrowUp.jspDisabled, .jspArrowDown.jspDisabled {
    background-color: lightgreen;
    border: 1px solid green;
}
.jspDrag {
    background-color: #009933;
    border: 1px solid lightgreen;
}

Всякий раз, когда он загружается, четверть нижней стрелки обрезается.

Пожалуйста помоги??


person Joe Pigott    schedule 06.07.2013    source источник


Ответы (1)


Я отредактировал ваш jsFiddle: http://jsfiddle.net/n8Xgz/24/

$('.jspTrack').css('height', '166');
$('.jspArrow').css({
    'position':'relative',
    'zIndex':'999',
    'height':'14px'
});
person Aidan Hakimian    schedule 06.07.2013
comment
На телефоне и на компе вижу нормально. Какой браузер вы используете? - person Aidan Hakimian; 07.07.2013
comment
Снова отредактировал jsFiddle и добавил z-index. Все еще плохо? Если да, то завтра посмотрю, когда буду за компом. - person Aidan Hakimian; 07.07.2013
comment
Нижняя стрелка по-прежнему выглядит короче, чем верхняя - person Joe Pigott; 07.07.2013
comment
i.imgur.com/2Blxbue.png i.imgur.com/5U6ZPoL.png Обе стрелки имеют размер 16 x 16 пикселей. - person Aidan Hakimian; 07.07.2013