Bootbox.js正在向上滾動窗口

我沒有太多的代碼顯示在這裏，我使用bootbox.js（http://bootboxjs.com/）來提醒，並且每次出現提醒時該頁面會滾動到頂部。任何想法如何預防它？我從長列表中刪除項目，並希望頁面保持在原來的位置。Bootbox.js正在向上滾動窗口

bootbox.backdrop(false) 
bootbox.confirm("Delete: " + alarmId + "?", function(result){ 
if(result) 
    doStuff 
})

至於HTML我都試過 -

<a href="#" class="close alarmDelete">&times;</a>

和

<a class="close alarmDelete">&times</a>;

和一些其他的方式，也無妨滾動起來。

謝謝！

2012-09-25 Igor R

在哪裏的HTML？這可能是因爲你使用了帶有href ='＃'的錨標記來觸發警報。 – kennypu

kennypu，添加了html，結果總是相同 –

Rahul，謝謝你的提醒，剛剛做到了。我相對較新）） –

請試試這個，

bootbox.confirm("Delete: " + alarmId + "?", function(result) {}, {"backdrop": false});

2012-09-25 02:11:23 Rahul

謝謝，但背景是另一回事，它表示警報不應該調暗它下面的內容（z-wise）。 –

啓動從<a href="#" class="close alarmDelete">×</a>的bootbox是什麼原因導致你的頁面滾動到頂部。

嘗試從圖標或div啓動它;除了空錨以外的東西。

您的其他選項是從您的點擊處理程序到return false;。

可能的2個答案。 href =「＃」可能會將您發送到頂端，請嘗試使用href =「javascript :;」更改它。它也可以關於CSS。由於它將身體的溢出變爲隱藏，它可能會將頁面裁剪到窗口大小的下方，因此您認爲它正在向上滾動。

嘗試增加這CSS：

.modal{ 
    direction:rtl; 
    overflow-y: auto; 
} 

.modal .modal-dialog{ 
    direction:ltr; 
} 

.modal-open{ 
    overflow:auto; 
}

2014-02-20 22:56:06

href =「javascript :;」作品 –

我有同樣的問題。正如本頁另一個答案中提到的，Bootbox正在將主體的溢出更改爲隱藏狀態，從而使頁面變小，從而無法滾動。

這個CSS解決了這個問題對我來說：

body.modal-open { 
    overflow: visible; 
}

2014-11-14 18:58:50 Vin

body.modal-open { 
    overflow: visible; 
} 
.bootbox { 
    width: 100%; 
    height: 100%; 
    display: table; 
    position: fixed; 
}

變化bootbox類位置固定和模態開溢出可見這將解決彈出到屏幕的中心。這將防止窗口跳躍，並在我看來給出了更好的結果。我知道這是一箇舊帖子，但我試圖解決同樣的問題時遇到了這個問題，有人可能會發現這個方便

2015-07-16 11:18:34

回答