Jquery 向右滚动时，div停止在屏幕左侧

我有一个快速的jQuery/css问题。我正在编写一个网站，有一个灰色的框，里面有我想在用户向右滚动时粘贴到屏幕左侧的内容/链接。我已经浏览了很多论坛/教程，但仍然找不到我的解决方案。这里是该网站的链接

对于jQuery，我还是个新手，所以非常感谢您的帮助，谢谢

---

访问您的网页时，我遇到以下错误：

var docScrollRight = $('body,html').scrollRight();
                                    ^^^^^^^^^^^

这不是jQuery函数。尝试

scrollLeft（）

编辑：

这应该是您的文档准备脚本：

$(document).ready(function() 
{
    var theLoc = $('#sidebar').position().left;
    $(window).scroll(function() {
    if(theLoc >= $(window).scrollLeft()) {
        if($('#sidebar').hasClass('fixed')) {
            $('#sidebar').removeClass('fixed');
        }
    } else { 
        if(!$('#sidebar').hasClass('fixed')) {
            $('#sidebar').addClass('fixed');
        }
    }
});
});

将此添加到CSS中：

.fixed {position:fixed !important; left:0px !important;}

并将#侧边栏的CSS更改为：

#sidebar {
min-height:100%;
width:266px;
height:100%;
height: auto !important; /*for modern browsers */ 
background-color:#F2F2F2;
z-index:2;
} 

<DIV ID="sidebar" style="position:absolute; left:765px;"></DIV>

并将侧栏的HTML更改为：

#sidebar {
min-height:100%;
width:266px;
height:100%;
height: auto !important; /*for modern browsers */ 
background-color:#F2F2F2;
z-index:2;
} 

<DIV ID="sidebar" style="position:absolute; left:765px;"></DIV>

好吧，您确实将其设置为

位置：fixed

，您认为会发生什么情况。。。或者我没有完全理解你的问题吗？我正在尝试让灰色的条，其中将有导航链接，当人们向右滚动时，停止并粘贴到屏幕的左侧，以便始终可以访问导航。很像这样：satbulsara.com/tests，但是水平滚动而不是垂直滚动。再次为我在这个部门缺乏知识表示歉意。哈哈，它的存在是有道理的，但不幸的是，它没有。我正在尝试让灰色的栏，其中将有导航链接，当人们向右滚动时，停止并粘在屏幕的左侧，以便始终可以访问导航。很像这样：但是水平滚动而不是垂直滚动。再次为我在这个部门缺乏知识而道歉。不用道歉，每个人都要学习。谢谢你的例子。我现在已经开始工作了。我马上修改我的答案。没问题。如果您想让它更快地随滚动移动，只需更改

if（theLoc>=$（window）.scrollLeft（）+20{

和

.fixed{position:fixed！important；left:20px！important；}

其中20px是偏移量。