小编典典

向引导下拉菜单添加幻灯片效果

javascript

我正在使用bootstrap,我想在下拉菜单中添加动画。我要向其中添加动画,滑出时将其上下滑动。我该怎么办?


阅读 305

收藏
2020-05-01

共1个答案

小编典典

如果您更新到Bootstrap3(BS3),它们会暴露很多Java事件,可以很好地将所需的功能绑定到其中。在BS3中,此代码将为所有下拉菜单提供所需的动画效果:

  // Add slideDown animation to Bootstrap dropdown when expanding.
  $('.dropdown').on('show.bs.dropdown', function() {
    $(this).find('.dropdown-menu').first().stop(true, true).slideDown();
  });

  // Add slideUp animation to Bootstrap dropdown when collapsing.
  $('.dropdown').on('hide.bs.dropdown', function() {
    $(this).find('.dropdown-menu').first().stop(true, true).slideUp();
  });
2020-05-01