鼠标悬停在元素上并显示提示.提示溢出页面,触发滚动条,这会更改布局,以便触发提示的基础元素不再位于鼠标指针下方,因此提示会消失.
尖端消失,因此滚动条消失,现在鼠标再次在元素上方.
洗涤,冲洗,重复.
如果我可以确保提示不是太大以致触发滚动条,那将解决我的问题.
编辑:阅读评论后,有些事情需要澄清:
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的大小,以便它不会触发页面上的滚动条所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)