当前位置:   article > 正文

vue 固定div 滚动_vue滚动条放在div上方

vue滚动条顶部固定
  1. // 滚动条监听事件 将滚动条的scrollLeft 赋给下方的DIV
  2. handleScroll() {
  3. let goodsArrDiv = document.body.getElementsByClassName("goodsArrDiv")[0];
  4. let parentNewScrollBar = document.getElementById("parentNewScrollBar");
  5. this.$nextTick(() => {
  6. let goodsArrDiv = document.body.getElementsByClassName(
  7. "goodsArrDiv"
  8. )[0];
  9. goodsArrDiv.scrollLeft = parentNewScrollBar.scrollLeft;
  10. });
  11. },
  12. // 将需要滚动的滚动条宽度赋给新滚动条
  13. setNewScrollBar() {
  14. setTimeout(() => {
  15. let goodsArrDiv = document.getElementsByClassName("goodsArrDiv")[0];
  16. let newScrollBar = document.getElementById("newScrollBar");
  17. if (newScrollBar) {
  18. newScrollBar.style.width = goodsArrDiv.scrollWidth + "px";
  19. }
  20. }, 500);
  21. },
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Cpp五条/article/detail/700459
推荐阅读
相关标签
  

闽ICP备14008679号