Question

我正在尝试获取一个项目列表，以便在一个板子中的另一个div元素下滚动，但是现在它正在滚动它。我尝试过使用CSS z-index属性，但它对我不起作用。我不确定我是否正确使用它，因为这是我第一次尝试在z轴上放置元素。

HTML：

<span id="myTooltip"></span>
<input type="text" id="myTextField" onkeyup="keyPress()"/>
<input type="submit" id="myButton" value="click me !" onclick="change()"/>

JS：（update.js）

<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="bootstrap.min.css">
  <script src="update.js"></script>
  <script src="scrollDrag.js"></script>
</head>

<body onload="update()">
  <ul class="board list-group" style="overflow:hidden">
    <div id="lb"></div>
    <div id="sub-lb"></div>
  </ul>
</body>  
</html>

scrollDrag.js文件只指定要滚动的元素，即“sub-lb”，以及触摸和拖动事件，因此它不应该是问题的原因。

重复问题：元素“sub-lb”当前正在滚动元素“lb”，我不知道如何让它在下面滚动。

Answer 1

看起来你正在使用股票Bootstrap css。根据您提供的代码，就我所知，z-index看起来并不像任何地方一样。

要进行测试，请将style="z-index:xx"添加到元素中，其中xx是您选择的一些数字，确保较高的索引是您想要的最高索引。

一旦验证了它的工作原理，就应该考虑包含一个包含所有css自定义的覆盖css文件，这样就可以避免内嵌样式并保持Bootstrap css的原样。

如果您已经尝试过这种方式，请发布代码，因为在我看来，这是解决此问题的最简单方法。

Div元素滚动而不是在另一个div元素下面

1 个答案: