如何在使用qtip时避免页面滚动？

Question

我是qTip的忠实粉丝，但我想知道是否有方法使用模式窗口，而不会让页面滚动到顶部。

环顾四周，但还没有找到任何东西。这可能吗？

Answer 1

是的，这是可能的！您需要设置的调整领域

adjust : { 
    screen : true 
} 

其中指定提示

position : { 
    my : 'right center', 
    at : 'left center', 
    adjust : { 
     screen : true 
    } 
} 

的我不知道的位置，如果这是qTip1的功能，但我在qtip2用英寸工具提示 自动调整，以避免溢出和滚动

Answer 2

，则应该设置前端的目标是窗口作为qTip dialog demo：

position: { 
     my: 'center', 
     at: 'center', 
     target: $(window) 
} 

您也可以任选地应用固定定位到尖端通过CSS来防止模式对话框的滚动。 qTip自动适应所有浏览器固定定位问题（咳嗽IE咳嗽）。例如：

.ui-tooltip { 
     position: fixed; 
} 

或者，如果你有自己的类名：

.ui-tooltip-myClassName { 
     position: fixed; 
} 

在关于提供对方的回答，请注意qTip2对视调整为不同的格式（它不再是位置.adjust.screen因为它是在qTip1）和具体地允许定义应使用含有元素什么调整：

position: { 
     viewport: $(window) 
} 

或者，含元素代替窗口/ s的creen：

position: { 
     viewport: $('#myElement') 
} 

您现在还可以定义调整如何制备与“方法”参数，并且可以限制为只通过指定其他“无”在单个轴线调整。默认/传统方法是“翻转”，但您也可以指定“移动”，它只移动提示以适应视口。格式为：

position: { 
     viewport: $(window), 
     adjust: { 
      method: '<method>' 
     } 
} 

或者，

position: { 
     viewport: $(window), 
     adjust: { 
      method: '<horizontalMethod> <verticalMethod>' 
     } 
} 

例如：

position: { 
     viewport: $(window), 
     adjust: { 
      method: 'shift' 
     } 
} 


position: { 
     viewport: $(window), 
     adjust: { 
      // Only adjust tip position on the horizontal axis 
      method: 'shift none' 
     } 
}