如何将垂直滚动条向右移动?

阿米拉·塞纳德希拉

我正在使用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这样做。有人可以帮助我吗?

帕特兰奇

您可以按照此文档

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

您可以在 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`;
}

在反应。我认为您可以使用滚动条参考进行更新

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

SSRS报告显示我右侧有很多空白。(将滚动条向右移动时)

来自分类Dev

如何将垂直滚动条移动到已找到单词的视口-FlowDocument

来自分类Dev

如何将垂直滚动条移动到已找到单词的视口-FlowDocument

来自分类Dev

如何将直方图向右移动?

来自分类Dev

面板上自动添加滚动条后,像素似乎向右移动

来自分类Dev

如何将鼠标滚轮滚动添加到垂直滚动条或滚动区域?

来自分类Dev

如何将文本稍微向上和向右移动?

来自分类Dev

HTML如何将按钮向右移动

来自分类Dev

如何将<li>项目符号元素向右移动?

来自分类Dev

如何将文本稍微向上和向右移动?

来自分类Dev

如何将垂直滚动条添加到Bootstrap工具提示中显示的图像?

来自分类Dev

如何将垂直滚动条添加到gridview?

来自分类Dev

如何将网页中存在的滚动条向下和向左移动?

来自分类Dev

在 AmCharts 中如何将滚动条中的滑块向左移动?

来自分类Dev

如何将滚动条(水平)指针移动到特定位置?

来自分类Dev

当我向右滚动条时,图像正在移动

来自分类Dev

如何将fa-fa图标向右移动并在之间移动

来自分类Dev

如何将滚动条添加到网格

来自分类Dev

如何将滚动条插入菜单?

来自分类Dev

当内容到达div的底部时如何将内容打包到div中以向右移动

来自分类Dev

如何将Rust向量中的元素向右移动并将越界元素放在开始位置?

来自分类Dev

当内容到达div的底部时如何将内容打包到div中以向右移动

来自分类Dev

如何将系统设置图标向右移动。或至少将其复制到右侧

来自分类Dev

Bootstrap:如何禁用垂直滚动条?

来自分类Dev

如何强制显示垂直滚动条?

来自分类Dev

Bootstrap:如何禁用垂直滚动条?

来自分类Dev

移动滚动条

来自分类Dev

移动滚动条

来自分类Dev

如何将此html主体向右移动?

Related 相关文章

  1. 1

    SSRS报告显示我右侧有很多空白。(将滚动条向右移动时)

  2. 2

    如何将垂直滚动条移动到已找到单词的视口-FlowDocument

  3. 3

    如何将垂直滚动条移动到已找到单词的视口-FlowDocument

  4. 4

    如何将直方图向右移动?

  5. 5

    面板上自动添加滚动条后,像素似乎向右移动

  6. 6

    如何将鼠标滚轮滚动添加到垂直滚动条或滚动区域?

  7. 7

    如何将文本稍微向上和向右移动?

  8. 8

    HTML如何将按钮向右移动

  9. 9

    如何将<li>项目符号元素向右移动?

  10. 10

    如何将文本稍微向上和向右移动?

  11. 11

    如何将垂直滚动条添加到Bootstrap工具提示中显示的图像?

  12. 12

    如何将垂直滚动条添加到gridview?

  13. 13

    如何将网页中存在的滚动条向下和向左移动?

  14. 14

    在 AmCharts 中如何将滚动条中的滑块向左移动?

  15. 15

    如何将滚动条(水平)指针移动到特定位置?

  16. 16

    当我向右滚动条时,图像正在移动

  17. 17

    如何将fa-fa图标向右移动并在之间移动

  18. 18

    如何将滚动条添加到网格

  19. 19

    如何将滚动条插入菜单?

  20. 20

    当内容到达div的底部时如何将内容打包到div中以向右移动

  21. 21

    如何将Rust向量中的元素向右移动并将越界元素放在开始位置?

  22. 22

    当内容到达div的底部时如何将内容打包到div中以向右移动

  23. 23

    如何将系统设置图标向右移动。或至少将其复制到右侧

  24. 24

    Bootstrap:如何禁用垂直滚动条?

  25. 25

    如何强制显示垂直滚动条?

  26. 26

    Bootstrap:如何禁用垂直滚动条?

  27. 27

    移动滚动条

  28. 28

    移动滚动条

  29. 29

    如何将此html主体向右移动?

热门标签

归档