jQuery与用户一起滚动div，直到到达包含div的底部_Jquery

jQuery与用户一起滚动div，直到到达包含div的底部

jquery

jQuery与用户一起滚动div，直到到达包含div的底部,jquery,Jquery,我试图找到一个jquery解决方案，在产品页面上滚动包含div的div 我的产品页面上的主要内容分为两列。左栏包含产品图像，右栏包含产品选项。问题是，右栏选项内容比左栏长得多。当用户查看所有产品选项时，左列内容已完全离开屏幕，用户甚至无法看到所选选项的图像我创建了一个JSFIDLE，这样您就可以很容易地理解我刚才所说的：）正如您在jsfiddle上看到的，我需要.left列div与用户一起滚动，直到它到达.containerdiv的底部。任何人对如何使用jquery实现这一点有任何想法吗？

我试图找到一个jquery解决方案，在产品页面上滚动包含div的div

我的产品页面上的主要内容分为两列。左栏包含产品图像，右栏包含产品选项。问题是，右栏选项内容比左栏长得多。当用户查看所有产品选项时，左列内容已完全离开屏幕，用户甚至无法看到所选选项的图像

我创建了一个JSFIDLE，这样您就可以很容易地理解我刚才所说的：）

正如您在jsfiddle上看到的，我需要

.left列

div与用户一起滚动，直到它到达

.container

div的底部。任何人对如何使用jquery实现这一点有任何想法吗？

下面的代码可能会帮助您

$(window).scroll(function(){
var marginTop = $(window).scrollTop();
var limit = $(".container").height() - $(".left-column").height();
    if(marginTop < limit )
        $(".left-column").css("margin-top",marginTop);
});

$（窗口）。滚动（函数（）{
var marginTop=$（window.scrollTop（）；
变量限制=$（“.container”）.height（）-$（“.left column”）.height（）；
如果（边际<极限）
$（“.left column”）.css（“页边距顶部”，marginTop）；
});

好极了。这是完美的，除了一件事。滚动时，移动的div锁定在屏幕底部。它可以锁定在中间吗？在我的live站点上，这里是您的解决方案：您可以修改限制值以调整中心的div$（窗口）.scroll（函数（）{var marginTop=$（窗口）.scrollTop（）；var limit=$（“.container”）.height（）-$（“.left column”）.height（）；if（marginTop

[xml]相关文章推荐

随机文章推荐