強制放置頂部時，引導程式中的工具提示存在問題。我現在使用最新版本：5.1.3
我試圖創建一個代碼片段，但這個問題在 codepen 上無法重現，所以我將在此處粘貼一個帶有視頻示例的代碼。
function initTooltips() {
var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
tooltipTriggerList.forEach(function(tooltipTriggerEl) {
return new bootstrap.Tooltip(tooltipTriggerEl)
});
}
initTooltips();.section {
padding-top: 500px;
}<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.js"></script>
<div class="section">
<div class="row">
<div class="col-12 text-center mt-5 pt-5">
<button type="button" class="btn btn-secondary" id="test-btn" data-bs-toggle="tooltip" data-bs-placement="top" title="Tooltip with button">
Tooltip on top
</button>
</div>
</div>
</div>當我向下滾動頁面以查看按鈕并將滑鼠懸停在其上時，工具提示出現在頂部，其間隙等于滾動位置。
我嘗試使用諸如“邊界”和“容器”之類的工具提示選項，但它并沒有太大幫助。
您對如何解決它有任何想法嗎？
uj5u.com熱心網友回復：
我的問題與我在主應用程式模板中犯的錯誤有關。
我忘了放：
<!DOCTYPE HTML>
在 HTML 頁面的頂部。這個簡單的錯誤導致了這個問題。修復很簡單，但需要幾天的除錯時間！希望這個答案對某人有用。
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/473122.html
標籤：javascript html css 推特引导