使用主滚动条使滚动框向下滚动

问题描述

我想使滚动框向下滚动，而不必在框上激活光标。当框完全可见时，我希望它与主滚动条一起滚动。这可能需要javascript（随意使用）。我的盒子是：

.myImg{
        text-align: center;
        position: relative;
    }
.Box1 {
  background-color: #fff;
  width: 60%;
  height: 51%;
  border: none;
  font-size: 10vw;
   position: absolute;
   text-align: center;
  top: 13%;
  left: 20%;
  justify-content: center;
  overflow-y: scroll; /* Add the ability to scroll */
}

/* Hide scrollbar for Chrome,Safari and Opera */
.Box1::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE,Edge and Firefox */
.Box1 {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

<body>
<div class="myImg">
<img src="http://test.dogily.us.to/images/écran.png" alt="Computer screen" style="width:100%;">
 
<div class="Box1">This is my text. Some text and other text. It is a paragraph with words,words and other words.</div>
 </div>
</body>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

custom-scrolling scroll scrollbar