隐藏可滚动标签内的滚动

时间:2017-07-27 08:17:21

标签: html css

我需要滚动div的部分并忽略其他部分的滚动。

在我的例子中,我需要滚动蓝色和绿色,但希望红色留在原位。

JSFiddle



var audi Audi
UnmarshalFromXML("someURL", &audi)




有谁知道如何解决我的问题?

2 个答案:

答案 0 :(得分:1)

您可以使用position: fixed

#wrapper {
  width: 100px; 
  height:200px; 
  border: solid black 1px; 
  overflow-x: auto;
}

#blue {
  width: 120px;
  height: 50px;
  background-color:blue;
}

#red {
  width: 100px;
  height: 30px;
  background-color:red;
  position: fixed;
}

#green {
  width: 120px;
  height: 50px;
  background-color:green;
}
<div id="wrapper">
    <div id="blue"></div>
    <div id="red"></div>
    <div id="green"></div>
</div>

答案 1 :(得分:0)

做这个改变。它对我有用:

    <div style="width: 100px; height:200px; border: solid black 1px;overflow-x: auto">
    <div style="width: 120px; height: 50px;background-color:blue">
    </div>
    <div style="width: 100px; height: 30px;background-color:red;position:fixed;">
    </div>
    <div style="width: 120px; height: 50px;background-color:green">
    </div>
    </div>

希望这就是你想要的。