Bootstrap 4：为什么在可滚动下拉列表中弹出窗口没有显示？

我想让它像Bootstrap 3一样工作。当我在hover弹出窗口上有一个带滚动条的下拉列表时，我认为Bootstrap 4有问题。我需要溢出：隐藏; 制作下拉滚动，但也隐藏了弹出窗口。 我试图使用container:'body'但它没有用。

 $(document).ready(function() { $('[data-toggle="popover"]').popover({ html: true, container: 'body' }); }); 

 .dropdown-menu{ height: 150px; overflow: hidden; overflow-y: auto } 

            
 
Dropdowns
 
  Dropdown button  
 Link 1 Link 2 Link 3 Link 4 Link 5 Link 6 Link 7 Link 8 Link 9 
 
  

Answer 1

popper.js存在一些问题 ，以及它如何定位下拉列表，弹出窗口和工具提示。 解决方案是将弹出window上的data-boundary选项设置为window …

在Codeply上演示

 $(document).ready(function() { $('[data-toggle="popover"]').popover({ }); }); 

 .dropdown-menu{ height: 150px; overflow: hidden; overflow-y: auto } 

            
 
Dropdowns
 
  Dropdown button  
 Link 1 Link 2 Link 3 Link 4 Link 5 Link 6 Link 7 Link 8 Link 9