Полоса прокрутки только сверху

Question

Я хотел бы установить полосу прокрутки только над текстом и удалить нижнюю, что-то вроде здесь, но с использованием jQuery без какого-либо плагина.Может кто-нибудь помочь?

function DoubleScroll(element) {
    var scrollbar= document.createElement('div');
    scrollbar.appendChild(document.createElement('div'));
    scrollbar.style.overflow= 'auto';
    scrollbar.style.overflowY= 'hidden';
    scrollbar.style.width= '150px';
    scrollbar.firstChild.style.width= element.scrollWidth+'px';
    scrollbar.firstChild.style.paddingTop= '1px';
    scrollbar.firstChild.appendChild(document.createTextNode('\xA0'));
    scrollbar.onscroll= function() {
        element.scrollLeft= scrollbar.scrollLeft;
    };
    element.onscroll= function() {
        scrollbar.scrollLeft= element.scrollLeft;
    };
    element.parentNode.insertBefore(scrollbar, element);
}

DoubleScroll (document.getElementById ('doublescroll'));

ссылка на jsfiddle http://jsfiddle.net/nsG5w/3/

Answer 1

Хотите что-то подобное?

div p{
  width: 1000px;
  transform:rotateX(180deg);
}
div{
  max-width: 200px;
  overflow-x: scroll;
  transform:rotateX(180deg);
}

<div>
  <p>
  The Quick Brown Fox Jumps Over the Lazy Dog
  The Quick Brown Fox Again Jumps Over the Lazy Dog
  </p>
</div>