JavaScript自定义网格工具提示在视口中不可见
我已经为我的radgrid创建了一个自定义工具提示,因为我需要在工具提示中显示5000个字符 我已经完成了所有要求,但当我将鼠标移到网格的最后一行时,它会在视口下方显示工具提示,无法查看完整的工具提示。我的代码如下。如何将这些工具提示调整为仅在视口中显示JavaScript自定义网格工具提示在视口中不可见,javascript,c#,jquery,css,asp.net,Javascript,C#,Jquery,Css,Asp.net,我已经为我的radgrid创建了一个自定义工具提示,因为我需要在工具提示中显示5000个字符 我已经完成了所有要求,但当我将鼠标移到网格的最后一行时,它会在视口下方显示工具提示,无法查看完整的工具提示。我的代码如下。如何将这些工具提示调整为仅在视口中显示 <radG:GridTemplateColumn DataField="Remarks" HeaderText="Update / Remark" UniqueName="UpdateRe
<radG:GridTemplateColumn DataField="Remarks" HeaderText="Update / Remark" UniqueName="UpdateRemarks">
<ItemTemplate>
<asp:Label ID="lblRemarks" runat="server" CssClass="tooltip" Text='<%#Eval("Remarks")%>'
ToolTip='<%#Eval("FullRemarks")%>' onmouseover="showTooltip(this)"
onmouseout="hideTooltip(this)"></asp:Label>
</ItemTemplate>
<HeaderStyle Width="200px" />
<ItemStyle CssClass="wraptext" />
</radG:GridTemplateColumn>
对于CSS:
.tooltipCss
{
position: absolute;
border: 1px solid gray;
margin1: 1em;
padding: 1px;
background: white;
font-family: Arial;
font-weight: normal;
color: blue;
font-size: 9px;
/*width: 400px;
max-height: 250px;
overflow-y: scroll;*/
text-wrap: normal;
border-radius: 2px 2px 2px 2px;
}
有人帮我吗。请尽最大的努力。提前感谢。请帮助我在视口中显示该工具提示内容,或者允许该内容使其可滚动。请给出可以运行的代码。Sufian saory感谢您的回复,您希望运行哪种代码?html、css、js的简化版本,以便可以运行它来查看和调试问题。有人可以帮助我吗。请尽最大的努力。提前感谢。请帮助我在视口中显示该工具提示内容,或者允许该内容使其可滚动。请给出可以运行的代码。Sufian saory感谢您的回复,您希望运行哪种代码?html、css、js的简化版本,以便可以运行它来查看和调试问题。
.tooltipCss
{
position: absolute;
border: 1px solid gray;
margin1: 1em;
padding: 1px;
background: white;
font-family: Arial;
font-weight: normal;
color: blue;
font-size: 9px;
/*width: 400px;
max-height: 250px;
overflow-y: scroll;*/
text-wrap: normal;
border-radius: 2px 2px 2px 2px;
}