Как переместить вертикальную полосу прокрутки вправо?

Question

Я использую React-Perfect-Scrollbar, чтобы добавить пользовательскую полосу прокрутки.Положение по умолчанию слева от содержащего div.Мне нужно переместить его справа от div.как это сделать?

Текущий вид кода

import 'react-perfect-scrollbar/dist/css/styles.css';
import PerfectScrollbar from 'react-perfect-scrollbar'

...
<div className="tabcontent-2">
  <PerfectScrollbar>
    <p>{this.state.currentProject.description}</p>
  </PerfectScrollbar>
</div>
...

Текущий вид интерфейса

Я не мог найти option, данный module для этого.Кто-нибудь может мне помочь?

Answer 1

Вы можете следить за этим документом

https://mdbootstrap.com/docs/jquery/javascript/scroll/#smooth-scroll

Вы можете установить позицию scrollY в onScroll

var myCustomScrollbar = document.querySelector('.my-custom-scrollbar');
var ps = new PerfectScrollbar(myCustomScrollbar);

var scrollbarY = myCustomScrollbar.querySelector('.ps.ps--active-y>.ps__scrollbar-y-rail');

myCustomScrollbar.onscroll = function() {
  scrollbarY.style.cssText = `top: ${this.scrollTop}px!important; height: 400px; right: ${-this.scrollLeft}px`;
}

В Реакции.Я думаю, что вы можете обновить с помощью полосы прокрутки ref

class Container extends Component {
  ...
  render() {
    return (
      <ScrollBar
        ref = {(ref) => { this._scrollBarRef = ref; }}
      >
        ...
       <ChildComponent
        onUpdateSize = {() => { this._scrollBarRef.updateScroll(); }}
       />
        ...
      </ScrollBar>
    );
  }
}