时钟选择器弹出问题

Question

当我们在Bootstrap pop模式对话框中添加此选项时，我们在Clock Picker Popover中出现问题，因此时钟随着向上和向下滚动而移动。

如果您不清楚： - 请点击链接： - jsfiddle link

请在图片中看到： -

js代码： -

/node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts

/node_modules/@ng-bootstrap/ng-bootstrap/datepicker/datepicker-input.d.ts

/node_modules/@ng-bootstrap/ng-bootstrap/modal/modal-window.d.ts:

/node_modules/@ng-bootstrap/ng-bootstrap/popover/popover.d.ts

Answer 1

我试图用CSS解决这个问题，但我没有成功。

所以我用以下代码解决了它：

$(document).ready(function() {
  $("#appointment-modal").scroll(function() {
    var topPos = $("input[id$='time']").offset().top;
    var leftPos = $("input[id$='time']").offset().left;
    console.log(topPos);
    console.log(leftPos);
    $(".popover").css("top", topPos + 35);
    $(".popover").css("left", leftPos);
  });
});

看看这个小提琴：jsFiddle