相关疑难解决方法(0)

我正在创建一个分页系统(有点像Facebook),当用户滚动到底部时,内容会加载.我想最好的方法是找到用户位于页面底部并运行ajax查询以加载更多帖子.

唯一的问题是我不知道如何检查用户是否已使用jQuery滚动到页面底部.有任何想法吗？

我需要找到一种方法来检查用户何时使用jQuery滚动到页面底部.

我最近开始修改一个基于 Angular 6 的项目，但遇到了一些问题。因此，我有（假设）4 个 Mat-Select 字段，分别用于语言、货币、国家和组织。

最初所有下拉菜单都有 10 个默认值，我通过调用 API 来获取。我的要求是，一旦用户滚动到选择下拉菜单时打开的 Mat-Options 框的末尾，就进行另一个 API 调用。

我已经提到了这个问题，它工作正常，但有一些问题，我注意到了。该答案涵盖了一个领域的解决方案。如果我们使用多个字段，我们是否必须重复代码？

这是HTML

            <mat-select [disabled]="isDisabled" [(ngModel)]="model.currency" name="currency" (selectionChange)="OnChange('currency',$event.value)" #currency>   
              <mat-option [value]="getCurrency.currencyCode" *ngFor="let getCurrency of fetchCurrency | 
                    filternew:searchCurrencyvaluedrop">{{ getCurrency.currencyDescription }}
              </mat-option>
            </mat-select>

          <mat-select [disabled]="isDisabled" [(ngModel)]="model.language" name="language"
                (selectionChange)="OnChange('language', $event.value)" #language>                      
            <mat-option [value]="getLanguage.languageDescription" *ngFor="let getLanguage of fetchLanguage | 
                  filternew:searchLanguagevaluedrop">{{ getLanguage.languageDescription }}</mat-option>
          </mat-select>

为简单起见，我只添加了两个字段。以下是 .ts 中的代码：

  viewIndex = 0;
  windowSize = 10;
  private readonly PIXEL_TOLERANCE = 3.0;

  ngAfterViewInit() {
    this.selectElemCu.openedChange.subscribe((event) =>
      this.registerPanelScrollEventCurrency(event)
    );
    this.selectElem.openedChange.subscribe((event) => …

当前下拉框的宽度大于行的宽度：

有没有办法摆脱多余的宽度？

这是我当前的代码：

的HTML：

<mat-form-field>
    <mat-select disableOptionCentering placeholder="Choose an option">
      <mat-option [value]="option" *ngFor="let option of my_list">
          {{ option }}
      </mat-option>
    </mat-select>
</mat-form-field>

我的清单：

export const my_list: string[] = [ "a", "b", "c", "d"];

style.css：

.mat-select-panel{
    margin-left: 15px;
    margin-top: 28px;
}