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-индекс. Все още не е добре? Ако е така, ще погледна утре, когато съм на компютъра. - person Aidan Hakimian; 07.07.2013
comment
Долната стрелка все още изглежда по-къса от горната - person Joe Pigott; 07.07.2013
comment
i.imgur.com/2Blxbue.png i.imgur.com/5U6ZPoL.png И двете стрелки са 16px x 16px. - person Aidan Hakimian; 07.07.2013