Javascript div内div的固定位置

我在woocommerce网站工作。。单个产品页面有一个带有许多下拉选项的控件生成器。因此，当用户选择每个选项时，他无法看到顶部发生的更改。因此，我将图像div定位为固定。如下所示

.single-product .images{position:fixed;}

---

这使图像得到修复，但它一直浮动到页面下方。我只需要在“描述/查看”选项卡开始之前使用它。是否有其他css或js/jquery解决方案来解决此问题。请帮助。谢谢

根据您的网站环境，您需要以下内容：

var images = jQuery('.images');

jQuery.fn.followTo = function (pos) {
    var $this = this,
        $window = jQuery(window);

    $window.scroll(function (e) {
        if ($window.scrollTop() > pos) {
            $this.css({
                position: 'absolute',
                top: pos - $this.height()
            });
        } else {
            $this.css({
                position: 'fixed',
                top: 'auto' //earlier it was 0
            });
        }
    });
};

images.followTo(jQuery('#myTab').offset().top - images.height());

您可能需要重新定位元素，但脚本将在您的网站上运行，正如我使用firebug测试的那样

我写了这个脚本，该脚本归因于：

---

让我知道你是否可以从这里继续：）

你需要使用绝对值来代替…这不起作用。你能给我代码吗请澄清。。您希望图像在页面上向下浮动，但恰好在选项卡之前停止。。？或者你不想让它在标签的右边浮动？我想让它在页面上浮动，但在标签膨胀之前停止，这并不是那么简单。。您需要使用js，基本上计算选项卡顶部的偏移量。。您可以在图像上使用“位置固定”，并在滚动事件或间隔上计算图像偏移到选项卡偏移之间的关系，并在所需点使用所需偏移将图像位置更改为绝对位置。。当然，如果你想做正确的工作，你需要考虑窗口大小的变化，包括缩小图像的大小等等。JUS拷贝粘贴到我的文件中。是的，你可以复制粘贴。但是你会把它粘贴到哪里呢？我相信您正在使用Wordpress+Woocommerce。您可以在主题的function.php中将脚本排队。嗨，真管用。。但是现在的问题是它已经超过了顶部。。可以做什么？顶部：0我将其更改为顶部：324px，但底部部分溢出：(