将固定元素放在浏览器的滚动条上方

时间:2013-05-03 18:23:51

标签: css google-chrome scrollbar

基本上,我想显示覆盖页面上的所有内容,包括滚动条。

固定元素是否可能出现在页面的滚动条上方?我尝试将滚动条的z-index设置为-1,但显然不起作用。

2 个答案:

答案 0 :(得分:5)

这是不可能的,但一个简单的替代方法是关闭body元素上的滚动条,然后将它们引入内部元素中。

的CSS:

range<-c('S1','S2a','S2b','S4','S5','S5a','S6','S8','S9','Q8')
FinalOut<-NULL
AddColName<-NULL
for (y in range)
{
    df<-copytrans1[copytrans1[,1]==as.character(y),]
    uniqindex<-index1[index1[,1]==y,]
    looptime<-nrow(uniqindex)

                         for (k in 1:looptime)
                         {

 df <- as.data.frame(lapply(df, FUN = function(x)                                                                  gsub(uniqindex[k,2],uniqindex[k,3], x)))
                          }
 FinalOut<-rbind(FinalOut,df)     
AddColName<-rbind(AddColName,cbind(as.data.frame(y),df))
}

HTML:

S5a S5a ageage41_501_40 ageage41_501_40 age41_50    ageage41_501_40 age41_50    ageage41_501_40 ageage41_501_40 ageage41_501_40 ageage41_501_40 age41_50    age41_50

现在您的页面看起来与之前完全相同,但您可以将元素放在滚动条的顶部。

这是example

答案 1 :(得分:2)

不,html元素无法通过浏览器渲染(滚动条等)。

有关如何呈现页面的更多信息,请阅读本文Web Browser Engine

同样使用Z-index,较低的数字位于具有较高数字的对象后面。或多或少,有关详细信息,请参阅CSS spec