2017-02-17 51 views
-1

我有引导酥料饼的一个问题,我不明白如何从顶部改酥料饼的位置,底部,当它到达视口的顶部。我试图使用引导酥料饼的动态变化位置,底部

展示位置:'auto bottom',但这对我不起作用。

$(function(){ 
var options = { 
    placement: function (context, element) { 
     var position = $(element).position(); 
     console.log(position.top - $(window).scrollTop()); 
     if (position.top - $(window).scrollTop() < 110){ 
      return "bottom"; 
     } 
     return "top"; 
    }, html: true 
}; 
$(".popover-link").popover(options); 
}); 

更新

这顶工作对我来说,为“酥料饼”,但酥料饼在底部得到否定的态度,它总是显示在底部

+0

请通过发布相关代码来澄清您的问题,并告诉我们应该工作和不应该做什么。 –

回答

0

仅仅通过做数据 - placement =“bottom”

<a href="#" title="Header" data-toggle="popover" data-placement="bottom" data-content="Content">Click</a> 

希望它有帮助。

0

你需要使用data-placement="auto top"这将使如果可能的,但如果不酥料饼去顶 - 然后到元件的底部。

总结你的国家,你想要的位置,如果不能做到这一点它的反面 - (同汽车左将允许它去,如果有可能离开,但权利,如果没有)。

<a href="#" title="Sample Title" data-toggle="popover" data-placement="auto top" data-content="Sample Content">Click</a> 
+0

我试过这种方法,但是当popover到达顶部时,它仍然显示在顶部 – Kirill