Question

我的设计分为2栏第一列：菜单宽度50px 第二列：剩余宽度px

在第二栏中根据父级div高度：15611px（可能会随内容长度而变化），内部div位置的顶部位置应为负值

第二列：

<div class="column-wrapper" style="height:15611px;">
     <div class="homepage-column-left"  style="top:-5px"> 

          ----content------ images

     </div>
     <div class="homepage-column-right"  style="top:-5px"> 

          ----content------ images

     </div>
</div>

我希望滚动时顶部位置值应该变为负值

Answer 1

\define revisedActivityList(category:"" tag:"tag") <$list filter="[$tag$$category$]"> » <$link to=<<currentTiddler>>><$view field=title/></$link><br> {{||$:/core/ui/ViewTemplate/tags}} </$list>不会做任何事情，除非元素也具有top: -5px;并且父元素具有position: absolute;

我建议使用CSS而不是内联，但这是使用内联样式所需要的...

position: relative;

Answer 2

要将子元素相对于父元素“固定”放置，可以在子元素上使用position：absolute，并在父元素上使用除默认或静态以外的任何位置模式。

例如：

<div class="column-wrapper" style="height: 15611px; position: relative;">
    <div class="homepage-column -left"  style="top:-5px; position: absolute;"> 
        ----content------ images
    </div>
    <div class="homepage-column -right"  style="top:-5px; position: absolute;"> 
        ----content------ images
    </div>
</div>

如何基于父div高度固定内部div的滚动位置

2 个答案: