隱藏可滾動標籤內滾動

我需要滾動div的部分並忽略其他部分的滾動。隱藏可滾動標籤內滾動

在我的例子中，我需要滾動藍色和綠色，但要紅色留在它的位置。

<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"> 
 
    </div> 
 
    <div style="width: 120px; height: 50px;background-color:green"> 
 
    </div> 
 
</div>

有沒有人有一個想法如何解決我的問題？

來源

2017-07-27 user7521838

您可以使用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>

來源

2017-07-27 08:19:35

非常感謝您的回答。在我的真實代碼中，我已經在標籤上使用了position：block屬性，所以我不能使用fixed。有沒有其他方法來修復標籤？ – user7521838

不客氣！如果你想獲得高質量的答案，你必須提供所有有意義的信息。如果您可以使用更好地複製您的代碼的示例更新您的問題，我將很樂意提供幫助 –

執行此change.It工作對我來說：

<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>

希望這是你想要的。

來源

2017-07-27 08:52:29

隱藏可滾動標籤內滾動

回答

相關問題