javascript - 显示对话框(通过警报或 sweetalert)滚动到页面顶部

Question

我有一个长表(例如:1000 行)。每行都有一个按钮，如果按下该按钮，将通过 jQuery 显示一个 sweetalert 对话框。 (http://t4t5.github.io/sweetalert/)

问题:如果我向下滚动，比方说到表格的 50%，当我单击按钮时，对话框确实正确显示，但是，表格一直滚动到页面顶部。我很确定这与 sweetalert 的显示方式的 css 位置有关。我尝试将它从固定更改为绝对，但它不起作用。

.sweet-overlay, .sweet-alert{
    position: absolute !important;
    }

使用 javascript“alert”代替 sweetalert 具有相同的效果。如果我添加“e.preventDefault();”那么它适用于警报，但不适用于 sweetalert。

有什么想法吗？谢谢!

Answer 1

我已经修好了。

有一个 CSS 问题可能会影响某些用户。 Sweet Alert 1 和 2 都在模态打开时编写一个 javascript，为您的

添加一个类

overflow-y: scroll;

对于某些用户来说，简单地删除此 CSS 可能会奏效，但奇怪的是，它对我却行不通。

所以把sweet-alert.js中的699行注释掉

// addClass(document.body, swalClasses.shown); // BREAKS THEME

更新:

你可以添加一些CSS:

body.swal2-shown { overflow-y: none !important; }

但是，我得到一个奇怪的栏。但我正在做一些奇怪的主题。这是两害相权取其轻。 :)