2

我有一个活动事件列表侧边栏，我需要在这个 beta 贴纸上方停下来。我怎样才能让滚动条和事件在贴纸上方结束而不是在它后面？

这是我的一些代码：

布局.cshtml：

           <div class="s-betaSticker" style="position: absolute; bottom:0"></div> 
           <div class="s-list-event s-eventbar col scroll-y" style="overflow:auto";>
           <div class="s-list-title s-title">
           Active Events
           <form action="@Url.Action("Details", "Event")" id="acform" class="s-search" >
            @(Html.Kendo().AutoComplete()
                    .Name("s-searchEvents")
                    .DataTextField("Name")
                    .Filter("contains")
                    .MinLength(2)
                    .Placeholder("Search events...")
                    .Events(e => e.Select("onACSelect"))
                    .DataSource(source => source.Read(read => read.Action("GetEvents", "Event")))
                )
             </form>                             
              </div>

        <div class="s-content">
        @Html.Partial("_EventList", (IEnumerable<ArdentMC.Sentry.Data.Event>)ViewBag.EventList)
        </div>       
     </div>
     <div class="s-stream col scroll-y" id="s-eventStream">
    <div class="s-event-details"></div>
    <div class="s-stream-content"></div>
     </div>

         <div class="s-stream col scroll-y" id="s-eventStream">
            <div class="s-event-details"></div>
             <div class="s-stream-content"></div>
          </div>
   css:

          .s-betaSticker {
           width: 150px;
            height: 121px;
         position: absolute;
           left: 0;
           bottom: 0;
            background-image: url("../Images/beta.png");
           background-size: cover;
              /* In case size is reduced/increased */
                  }

请任何建议或反馈将不胜感激，我已经尝试解决这个问题好几天了，但似乎无法得到。谢谢，这是问题的屏幕截图- 侧边栏问题

4

1 回答 1

0

我想出了我自己的问题。我能够在边栏中添加页脚并将图像添加到页脚中。我只是使用与列表相同的样式和背景颜色，效果很好，没有重叠，看起来很棒 滚动条的工作屏幕截图和图像不重叠

于 2013-10-24T23:28:20.357 回答