javascript– 如何约束工具提示d出式DIV的大小,以便它不会触发页面上的滚动条

javascript– 如何约束工具提示d出式DIV的大小,以便它不会触发页面上的滚动条,第1张

概述鼠标悬停在元素上并显示提示.提示溢出页面,触发滚动条,这会更改布局,以便触发提示的基础元素不再位于鼠标指针下方,因此提示会消失.尖端消失,因此滚动条消失,现在鼠标再次在元素上方.洗涤,冲洗,重复.如果我可以确保提示不是太大以致触发滚动条,那将解决我的问题.编辑:阅读评论后,有些事情需要澄清:div包含可以变化的文本.如果可以,我想展示所有文字. div的位置

鼠标悬停在元素上并显示提示.提示溢出页面,触发滚动条,这会更改布局,以便触发提示的基础元素不再位于鼠标指针下方,因此提示会消失.

尖端消失,因此滚动条消失,现在鼠标再次在元素上方.

洗涤,冲洗,重复.

如果我可以确保提示不是太大以致触发滚动条,那将解决我的问题.

编辑:阅读评论后,有些事情需要澄清:
div包含可以变化的文本.如果可以,我想展示所有文字. div的位置需要靠近鼠标尖端的元素.所以关键是,我需要知道是否截断文本.

我找到了这个链接:
http://www.howtocreate.co.uk/tutorials/javascript/browserwindow
其中包含了这个拼图,确定了浏览器窗口的大小:

function alertSize() {  var myWIDth = 0,myHeight = 0;  if( typeof( window.innerWIDth ) == 'number' ) {    //Non-IE    myWIDth = window.innerWIDth;    myHeight = window.innerHeight;  } else if( document.documentElement && ( document.documentElement.clIEntWIDth || document.documentElement.clIEntHeight ) ) {    //IE 6+ in 'standards compliant mode'    myWIDth = document.documentElement.clIEntWIDth;    myHeight = document.documentElement.clIEntHeight;  } else if( document.body && ( document.body.clIEntWIDth || document.body.clIEntHeight ) ) {    //IE 4 compatible    myWIDth = document.body.clIEntWIDth;    myHeight = document.body.clIEntHeight;  }  window.alert( 'WIDth = ' + myWIDth );  window.alert( 'Height = ' + myHeight );}
最佳答案CSS:指定工具提示的宽度和高度,添加overflow:hIDden或overflow:滚动到它.

position:absolute也可以正常工作,但当然,你必须指定工具提示的顶部和左侧位置.

总结

以上是内存溢出为你收集整理的javascript – 如何约束工具提示/d出式DIV的大小,以便它不会触发页面上的滚动条全部内容,希望文章能够帮你解决javascript – 如何约束工具提示/d出式DIV的大小,以便它不会触发页面上的滚动条所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1119663.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-29
下一篇 2022-05-29

发表评论

登录后才能评论

评论列表(0条)

保存