Question

要求是项目的可滚动列表，其中突出显示了某个项目，默认情况下可见。因此，如果列表100中的项目50是特殊选择的项目，则通过向下滚动足以使项目50位于列表的中间，从而最初显示该列表。

这是一个MEAN堆栈应用程序，我已经从服务中加载了项目并使用* ngFor填充了模板，但是视觉要求突出显示特定项目，并使该项目默认可见运行不正常。

附加要求（管理不是很好吗？）是每个项目都应为多行且采用html格式的信息，因此html select可以满足除该需求之外的所有需求。

我当前正在使用css溢出的无序列表来处理滚动，但这不能使我向下滚动到特定项目。

<nav>
  <ol style="height:500px; width:100%; overflow:hidden; overflow-y:scroll;">
    <li *ngFor="let item of list">
      <table>
        <tr *ngIf="item.store_number == my_store; else otherstore"><b>{{item.store_number}}</b></tr>
        <ng-template #otherstore><tr>{{item.store_number}}</tr></ng-template>
        <div style="color:gray">
          <small>
            <tr>{{item.detail[0].address.store_address.line1}}
              {{item.detail[0].address.store_address.line2}}</tr>
            <tr>{{item.detail[0].address.store_address.city}},
              {{item.detail[0].address.shop_store_address.state}}</tr>
          </small>
        </div>
      </table>
    </li>
  </ol>
</nav>

关于如何实现此目标的任何想法？最后一项要求：必须为html / css / javascript / typescript。没有专用的npm软件包，因为有管理。

滚动列表
多行项目
...具有使用html / css格式化项目的功能
能够向下滚动到特定项目

需要实现一个带有选定项目可见的滚动列表

0 个答案: