0
Did you try:
#mcTooltip {overflow:auto;}
My application shows a list of product names. When I mouse over a product, tooltip is used to ajax-call the product master program which shows the detail information of the product. The information is so lengthy that a full screen height tooltip box cannot completely displays the content. I want to scroll up and down to see all the information. How to solve this?
Hi Milo, I am a bit lost, where in tootip to put your code?
My code is:
<b onmouseover="tooltip.ajax(this,'Product_Master.asp?p_key=A123&')">Product 1</b>
But anyway the problem is solved by adding the "position" attribute.
<b onmouseover="tooltip.ajax(this,'Product_Master.asp?p_key=A123&',null,{position:0})">Product 1</b>
However, one strange thing to note is that if "position" is set to 0,1or 3, the browser automatically enables a scroll bar that allows me to move up and down to check the lengthy tooltip content. But if "position" is set to 2 (bottom) or omitting the position attribute, no scroll bar is enabled in the browser. The tooltip box extends to the full screen height and the contents inside cannot be displayed completey.
Hello rainbow friends, I think you should set a fixed height for the tooltip container, which will determine the maximum height that can be displayed within the tooltip box. For example, you can set the max-height property in CSS to a specific value, such as 300px.
5.62.60.18
If your question is related to the topic of this post, you can post your question to this page by clicking the "Post a reply" button at left;
If your question is related to the Javascript Tooltip, click:
Ask new question: Javascript TooltipOtherwise navigate to one of the following forum categories, and post your question there.
##