jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – resizeable:调整超出屏幕末尾的元素大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用 jquery UI来调整元素大小.
我有一个元素应该可以调整到宽度,例如1200px或1600px(用户喜欢).但是当在此之前有元素(我将所有元素水平排列)时,如果鼠标光标到达屏幕的末尾,则调整大小操作将停止.

你可以在这里测试它: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,请注明来意。