Question

我有一个div。这个div包含很长的列表。该列表将自动滚动。

然后该div位于另一个div内，该div会填满整个屏幕。

滚动效果很好，但是仅当鼠标悬停在内部div上时才起作用，该内部div实际包含所有数据。

但是我想滚动工作，也就是当鼠标位于父div上方时，它会填满整个屏幕。

我该怎么做？

您可以在此处查看示例： https://openage.org/fs/jsl_forritun/?page=hlutir

当鼠标悬停在较暗的部分上时，它不会滚动。 /：

Answer 1

您有两个包含内容正文的div

id =“ nhreyfing”

给他这种风格padding: 0 20vw; background: black 还是您想给他填充的内容

id =“内容”

给他您的rgb（213，191，134）背景

Answer 2

static int count = 0;
public static void rect(int num){
    if(count<=0)
        return;
    if(count !=0 && num>0){
        for(int i =0; i<num;i++){
            System.out.print('*');
        }
        System.out.println();
        count--;
        rect(num);
    }
}
public static void SetCount(int num){
    count = num;
    rect(num);
}
public static void main(String[] args) {
    int i = 6;
    SetCount(i);
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  background: #2B2832;
}

.main {
  margin: 0 auto;
  padding: 40px;
  width: 700px;
  height: 100vh;
  overflow-y: auto;
  background: #D5BF86;
}

.main ul {
  margin: 0;
  padding: 0;
}

.main ul li {
  list-style: none;
}
.main ul li:nth-child(n+2) {
  margin: 10px 0 0;
}

.main ul li a {
  padding: 10px;
  display: flex;
  color: #000;
  background: #C6B076;
  text-decoration: none;
}

Answer 3

执行以下操作：

从中删除CSS属性 BODY 元素{height：100％}
删除{max-width：800px}并将CSS添加到id =“ initial_screen_base”元素：

div＃initial_screen_base { 最大宽度：100vw; 填充：0px 20vw; 背景颜色：rgb（43，40，50）; }
- 如果您希望我将其始终最大化为800px（对于较小的设备，它将为全角），如下所示：
div＃initial_screen_base { 背景颜色：rgb（43，40，50）; 最大宽度：100vw; 填充：0; padding-right：calc（（100％-800px）/ 2）; padding-left：calc（（100％-800px）/ 2）; }
为您的id =“ node”：

div＃node { 背景颜色：rgb（213，191，134）; }

您应该删除内联CSS，并将其放在HEAD内的 style 标记中。这样，您将为自己编辑更清晰的代码。

div滚动，与父级

3 个答案: