草庐IT

固定效应

全部标签

css - 固定位置 div 不包含在包装 div 中,覆盖整个屏幕?

我试图让一个固定位置的div留在外部div中。我希望固定位置div的宽度为100%。但是,当我将宽度设置为100%时,固定位置div覆盖了整个屏幕并覆盖了Firefox/IE8等中的滚动条。这是我正在谈论的示例:headerContentshereContentshereContentshereContentshereContentshere如您所见,外部div的宽度为380像素...因此,我认为固定位置div不可能延伸到此边界之外,但它确实如此。我做错了什么?谢谢! 最佳答案 具有固定位置的元素相对于视口(viewport)定位。

css - 固定位置 div 不包含在包装 div 中,覆盖整个屏幕?

我试图让一个固定位置的div留在外部div中。我希望固定位置div的宽度为100%。但是,当我将宽度设置为100%时,固定位置div覆盖了整个屏幕并覆盖了Firefox/IE8等中的滚动条。这是我正在谈论的示例:headerContentshereContentshereContentshereContentshereContentshere如您所见,外部div的宽度为380像素...因此,我认为固定位置div不可能延伸到此边界之外,但它确实如此。我做错了什么?谢谢! 最佳答案 具有固定位置的元素相对于视口(viewport)定位。

javascript - 用于提供网站反馈的按钮的固定位置 CSS

我想创建一个将在我的站点上运行的固定位置按钮,可以在左侧或作为弹出面板(请参阅http://uservoice.com/fullservice以了解屏幕底部的酷弹出按钮)。单击该按钮将启动一个弹出窗口,我的公司使用该窗口提供联系和反馈信息。是否有这些类型的按钮的基本示例CSS?我是一名JS专家,可以毫无问题地创建弹出窗口,但我没有CSS技能来获取按钮来激活我的窗口。 最佳答案 CSS将是:.button{position:fixed;bottom:0;right:0;//orleft:0;dependingonwhereyouwan

javascript - 用于提供网站反馈的按钮的固定位置 CSS

我想创建一个将在我的站点上运行的固定位置按钮,可以在左侧或作为弹出面板(请参阅http://uservoice.com/fullservice以了解屏幕底部的酷弹出按钮)。单击该按钮将启动一个弹出窗口,我的公司使用该窗口提供联系和反馈信息。是否有这些类型的按钮的基本示例CSS?我是一名JS专家,可以毫无问题地创建弹出窗口,但我没有CSS技能来获取按钮来激活我的窗口。 最佳答案 CSS将是:.button{position:fixed;bottom:0;right:0;//orleft:0;dependingonwhereyouwan

javascript - 使 Div 固定在滚动上

如何使div固定在检测到用户滚动时。示例:Facebook的右侧边栏,滚动到某个位置时卡住。 最佳答案 position:fixed就是答案。但是如果你想知道他们是如何做某事的,你总是可以查看网站的来源。很有教育意义! 关于javascript-使Div固定在滚动上,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/9531754/

javascript - 使 Div 固定在滚动上

如何使div固定在检测到用户滚动时。示例:Facebook的右侧边栏,滚动到某个位置时卡住。 最佳答案 position:fixed就是答案。但是如果你想知道他们是如何做某事的,你总是可以查看网站的来源。很有教育意义! 关于javascript-使Div固定在滚动上,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/9531754/

html - 固定正文背景滚动与 iOS7 上的页面

我使用了以下CSS来创建固定的正文背景。它适用于几乎所有浏览器,除了新的iOS7。在后者上,背景不再固定。它随页面滚动。知道如何解决这个问题吗?body{background-color:#000;background-image:url('../pics/backgrounds/blackWhite.jpg');background-repeat:no-repeat;background-position:center;background-attachment:fixed;webkit-background-size:cover;-moz-background-size:cover

html - 固定正文背景滚动与 iOS7 上的页面

我使用了以下CSS来创建固定的正文背景。它适用于几乎所有浏览器,除了新的iOS7。在后者上,背景不再固定。它随页面滚动。知道如何解决这个问题吗?body{background-color:#000;background-image:url('../pics/backgrounds/blackWhite.jpg');background-repeat:no-repeat;background-position:center;background-attachment:fixed;webkit-background-size:cover;-moz-background-size:cover

html - Bootstrap 4、导航栏固定顶部和其他粘性顶部元素

此处复制:https://jsbin.com/lawafu/edit?html,output这是一个错误吗?一个错误?一个问题?一个无法实现的想法?滚动前:滚动后:我需要的:显然,当我向下滚动页面时,我需要看到侧边栏,使用body的padding-top作为固定顶部导航栏。我正在将这段代码用于侧边栏:CrasjustoodioDapibusacfacilisisinMorbileorisusPortaacconsecteturacVestibulumateros 最佳答案 Bootstrapsticky-top没有Navbar的偏移

html - Bootstrap 4、导航栏固定顶部和其他粘性顶部元素

此处复制:https://jsbin.com/lawafu/edit?html,output这是一个错误吗?一个错误?一个问题?一个无法实现的想法?滚动前:滚动后:我需要的:显然,当我向下滚动页面时,我需要看到侧边栏,使用body的padding-top作为固定顶部导航栏。我正在将这段代码用于侧边栏:CrasjustoodioDapibusacfacilisisinMorbileorisusPortaacconsecteturacVestibulumateros 最佳答案 Bootstrapsticky-top没有Navbar的偏移