Javascript 如果仍在视图中，则更改DIV偏移量的JQuery算法

希望你能帮忙

我的示例代码：

我正在尝试制定一个算法，该算法将捕获offset（）。left，并确定它是否已将DIV“stretchlex”移出视图状态

我真的很难理解这一点（在看了一段快速视频后，今天开始JQuery编码）

我使用了三个变量，我认为它们应该提供我需要的值，但我遇到的问题是

var z=$（“#stretchflex”）.width（）

并不表示DIV的“实际”宽度，而是它的可见宽度

有人能看出我哪里做错了吗

        $("#SFPanLeft").click(function () {
            var x = $("#SFHolder").width()
            var y = $("#stretchflex").offset().left
            var z = $("#stretchflex").width()
            $("#x").html("X : " + x.toString());
            $("#y").html("Y : " + y.toString());
            $("#z").html("Z : " + z.toString());
            if (x > (z + y)) {            /* <----This is the bit which doesn't work */
                var left = $("#stretchflex").offset().left
                left -= 176
                $("#stretchflex").css({
                    left: left + 'px'
                });
            };
        });

$（“#SFPanLeft”）。单击（函数（）{
变量x=$（“#SFHolder”）.width（）
变量y=$（“#stretchflex”）.offset（）.left
var z=$（“#stretchflex”）.width（）
$（“#x”）.html（“x:+x.toString（））；
$（“#y”）.html（“y:+y.toString（））；
$（“#z”）.html（“z:+z.toString（））；
如果（x>（z+y））{/*我想我已经整理好了

万一有人发现这个

        $("#SFPanLeft").click(function () {
            var x = $("#SFHolder").width();
            var y = $("#stretchflex").offset().left;
            var z = $("#stretchflex").get(0).scrollWidth; /* using scrollWidth fixes */
            $("#x").html("X : " + x.toString());
            $("#y").html("Y : " + y.toString());
            $("#z").html("Z : " + z.toString());
            if (x < (z + y)) {                            /* updated algorithm */
                var left = $("#stretchflex").offset().left
                left -= 176
                $("#stretchflex").css({
                    left: left + 'px'
                });
            };
        });

$（“#SFPanLeft”）。单击（函数（）{
var x=$（“#SFHolder”）.width（）；
变量y=$（“#stretchflex”）.offset（）.左；
var z=$（“#stretchflex”）.get（0）.scrollWidth；/*使用scrollWidth修复程序*/
$（“#x”）.html（“x:+x.toString（））；
$（“#y”）.html（“y:+y.toString（））；
$（“#z”）.html（“z:+z.toString（））；
如果（x<（z+y））{/*更新算法*/
var left=$（“#stretchflex”）.offset（）.left
左-=176
$（“#stretchlex”）.css({
左：左+像素
});
};
});