Shulou(Shulou.com)06/03 Report--

This article will explain in detail which styles are used for one-way loading of bootstrap pull-down dishes. The editor thinks it is very practical, so I share it with you for reference. I hope you can get something after reading this article.

The bootstrap drop-down menu intelligently pops up and down:

1. Demand:

You can make the menu pop up or up by adding dropdown or dropup style classes to the bootstrap drop-down menu. In dynamic pages, table elements are generally generated dynamically, and drop-down menus usually pop up. How do I pop up when the bottom of the pop-up menu is obscured (not fully displayed)?

2. The way to realize it:

Get the height of the click button from the bottom of the screen and the height of the pop-up menu, and if the pop-up menu cannot be fully displayed, let it pop up.

3. Implementation process:

By modifying the toggle attribute in bootstrap.js, it can intelligently pop up or down according to the actual situation when clicking. The implementation is as follows:

4. Part of the code of the test page:

①: introduce js:

②: drop-down menu layout:

Basic information view permissions modify information password reset delete disable this article on "which styles are used for one-way loading of bootstrap drop-down dishes" is here. I hope the above content can be of some help to you, so that you can learn more knowledge, if you think the article is good Please share it for more people to see.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.