弹出固定它的位置答案

【问题标题】：popup fixed it position弹出固定它的位置
【发布时间】：2014-04-23 07:48:11
【问题描述】：

我有一个弹出窗口，它的位置是根据屏幕动态设置的，但是当标签的数量增加时，弹出窗口会产生问题，因为它显示在上侧，然后当标签在 scolling 窗口顶部显示时下来但它不下来。

                 var position= popup.offsetTop;
                 alert("popupTop"+position);
                 var positionpop=popup.offsetHeight;   
                 var width1=label.offsetWidth;
                 var position1=label.offsetHeight;
                 var position2=label.offsetTop;         
                 var windowHeight = $wnd.innerHeight;
                 var scroll=$wnd.pageYOffset;
                 alert(scroll+"scroll");
                 var t=position-scroll;
                 var z=windowHeight-scroll;

                 var x="Totalheight"+screen.height; 
                 var y=position1+position2+positionpop;      
                 if(position1+position2+positionpop<windowHeight)
                 {
                    alert("no change");
                 }


                      if(position1+position2+positionpop>windowHeight )
                      { 
                       popup.setAttribute("style","top:"+(position2-positionpop)+"px");
                       } 

                 if(t<=0 || z<=0)
                 {

                   popup.setAttribute("style","bottom:"+(diff)+"px");
                 }

【问题讨论】：

位置不会根据样式动态变化

标签： gwt popup jsni

【解决方案1】：

当标签在顶部时，我已经达到了上下动态改变位置的功能，但仍然有一个问题，我上下位置都发生了我想将它绑定到一个..

                   if(position2+positionpop<windowHeight || t<=0)
                 {
                     popup.setAttribute("style","bottom:"+((windowHeight-(position2+position1))-positionpop)+"px");
                 }
                 else
                  {
                  if(position2+positionpop>windowHeight && t>0)
                  { 
                   popup.setAttribute("style","top:"+(position2-positionpop)+"px");
                  } 
                  }

【讨论】：

【解决方案2】：

您应该使用PopupPanel.setPopupPositionAndShow 和PopupPanel.setPopupPosition。请参阅PopupPanel javadoc sample。

【讨论】：

这在我们使用 java 编码时很有帮助，但我在 GWT 中使用 JSNI。所以这在那里没有帮助。