在使用负边距跳转滚动后CSS修复div

时间:2017-03-22 11:39:23

标签: css html5 css3 scroll web

我想在滚动后使用负边距来修复元素时,这不是“跳转”。 示例 - > https://jsfiddle.net/uxhgpz6e/2/

enter code here.header-body {
    background: #339CCC;
    border-top: 5px solid #EDEDED;
    border-bottom: 1px solid transparent;
    width: 100%;
    z-index: 1001;
    padding-top:90px;
    transition: all 5s ease;
}`

(我强调过渡时的行为)

1 个答案:

答案 0 :(得分:1)

我不完全确定你想要实现的目标,但是这会有效吗?https://jsfiddle.net/m9oqbuab/1/

基本上,它总是固定的。在OpenJPA下的css中添加了以下内容:

.header-body

之后,从js中删除了.header-body { background: #339CCC; border-top: 5px solid #EDEDED; border-bottom: 1px solid transparent; width: 100%; z-index: 1001; padding-top:90px; transition: all 5s ease; position: fixed; } 方法。