javascript - 时钟选择器弹出问题

Question

已关闭。此问题需要 debugging details 。目前不接受答案。

---

编辑问题以包含 desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem 。这将有助于其他人回答问题。

已关闭 6 年前。

Improve this question

当我们将其添加到 Bootstrap 弹出模式对话框中时，时钟选择器弹出窗口会出现问题，因此时钟会随着上下滚动而移动。

如果你不清楚:-请点击链接:- jsfiddle link

请看图片:-

js代码:-

 var input = $('#time');
    input.clockpicker({
    autoclose: true
    });

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);
  });
});

看看这个 fiddle :jsFiddle