0
代码
代码
Issues
Pull Requests
讨论
Wiki
分析
0
ohci1ohci1add
910e62b5创建于 1月15日历史提交
<!--
@BLINK-ALLOW:setSize*
@BLINK-ALLOW:posInSet*
@BLINK-ALLOW:focusable*
-->
<!doctype html>
<style>
.carousel {
  overflow: auto;
  columns: 1;
  height: 200px;
  scroll-marker-group: after links;
  /* Scroll marker group is generated on the .carousel element */
  &::scroll-marker-group {
    height: 1rem;
    width: 100%;
    text-align: center;
  }
  /* These are div items children within the carousel */
  & > div {
    height: 100%;
    /* Request a scroll marker for this element by setting non-none content */
    &::scroll-marker {
      display: inline-block;
      content: ' ';
      width: 1rem;
      height: 1rem;
      border: 1px solid black;
    }
    /* The currently selected scroll marker should be blue */
    &::scroll-marker:target-current {
      background: blue;
    }
  }
}
</style>
<div class=carousel>
  <div>One</div>
  <div>Two</div>
  <div>Three</div>
</div>