Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 页面中间浮动的右侧边栏菜单_Jquery_Html_Css_Css Float - Fatal编程技术网

Jquery 页面中间浮动的右侧边栏菜单

Jquery 页面中间浮动的右侧边栏菜单,jquery,html,css,css-float,Jquery,Html,Css,Css Float,我有一个有两列的表格,显示在我网站的标题下。 页眉相当大,因此为了查看表格,需要向下滚动一点 在表格的左栏中,我有一些供读者阅读的长文章,在右栏中,我想显示一个浮动的右侧边栏菜单,它正常工作,直到你滚动到它(我的意思是它没有通过表格的上限),但在你向下滚动并通过它之后,它会保持在屏幕顶部的位置 我试过了 position:fixed ; top: 1em; right: 1em; 但这会在网站顶部显示侧边栏,浮动在屏幕右上角的标题上方。 我想保持它相对于桌子的位置,而不是相对于整个屏幕。你们

我有一个有两列的表格,显示在我网站的标题下。 页眉相当大,因此为了查看表格,需要向下滚动一点

在表格的左栏中,我有一些供读者阅读的长文章,在右栏中,我想显示一个浮动的右侧边栏菜单,它正常工作,直到你滚动到它(我的意思是它没有通过表格的上限),但在你向下滚动并通过它之后,它会保持在屏幕顶部的位置

我试过了

 position:fixed ; top: 1em; right: 1em;
但这会在网站顶部显示侧边栏,浮动在屏幕右上角的标题上方。
我想保持它相对于桌子的位置,而不是相对于整个屏幕。你们建议我怎么做?

谢谢你们的帮助,伙计们!我已经用下面的代码解决了这个问题,现在它可以完美地工作了

    function moveScroller() {
    var move = function() {
    var st = $(window).scrollTop();
    var ot = $("#scroller-anchor").offset().top;
    var s = $("#scroller");
    if(st > ot) {
        s.css({
            position: "fixed",
            top: "0px"
        });
    } else {
        if(st <= ot) {
            s.css({
                position: "relative",
                top: ""
            });
        }
    }
};
$(window).scroll(move);
move();
   }



    <div id="sidebar" style="width:270px;"> 
    <div id="scroller-anchor"></div> 
   <div id="scroller" style="margin-top:10px; width:270px"> 
    Scroller Scroller Scroller
   </div>
  </div>

   <script type="text/javascript"> 
  $(function() {
   moveScroller();
  });
 </script> 
函数moveScroller(){
var move=function(){
var st=$(window.scrollTop();
var ot=$(“#滚动锚”).offset().top;
var s=$(“#滚动条”);
如果(st>ot){
s、 css({
位置:“固定”,
顶部:“0px”
});
}否则{

如果(你能不能设置一个我想让它完全像本页的右侧边栏一样:-->在给出建议后…单击“确定”,然后从页面底部开始操作是的,我收集到了。你说你想要一个右侧边栏。你没有做的是告诉我们你已经尝试了什么。最好的方法是设置打开一个在线演示,例如在何处可以播放您已经完成的操作。在问题中,我说我尝试在表的右列中放置一个div,样式位置为:fixed;top:1em;right:1em;---但它没有将其位置保留在表列内容的右上角,而是在我放弃了整个网站的右上角。祝你好运!