大佬教程收集整理的这篇文章主要介绍了jquery – resizeable:调整超出屏幕末尾的元素,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
你可以在这里测试它:http://gopeter.de/clients/dustin/
最右边的框可以调整大小.
有没有人有任何想法我怎么能阻止这个?
我应该检查光标位置并在到达终点时扩展元素吗?还是有其他技术吗?
var body = $('body'); $('#resize').resizable({ handles: "e,s,se",resize: function (event,ui) { var width = body.width(),diff = width - (width - (this.offsetLeft + this.offsetWidth)); body.width(diff).scrollLeft(diff); } });
或者(少jQuery)
$('#resize').resizable({ handles: "e,ui) { var width = document.body.clientWidth,diff = width - (width - (this.offsetLeft + this.offsetWidth)); document.body.style.width = diff + 'px'; document.body.scrollLeft = diff; } });
这是相关的小提琴:http://jsfiddle.net/jeff_mccoy/UpmNq/2/
请注意,你可以通过仅调整每X个像素(!diff%3)的大小来加@L_674_8@度,但是在调整大小时它也会有点不稳定.
以上是大佬教程为你收集整理的jquery – resizeable:调整超出屏幕末尾的元素全部内容,希望文章能够帮你解决jquery – resizeable:调整超出屏幕末尾的元素所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。