all in one side-bar的侧栏问题，能否浮在网页上

能不能设置侧栏打开时是浮在网页上，而不是把网页向右推？每次打开侧栏网页都被向右挤，侧栏关闭又恢复，感觉特别扭。。。。。

....
怎么没有人回答来着

可不可以只显示书签，其它的什么都不要，可以吗？（搜索，书签工具栏，书签菜单，未分类书签。。。都不要！）
另外，请问宽度是哪一个设置？

alanfly：
在

margin-top:-10px !Important;

后面再加一句

margin-bottom:-10px !Important;

，还有1px的空隙，不知道怎么去掉；
平时看见你的网名都念作叮咚。 回到原帖

用了Tabbed Sidebar——同时打开多个侧边栏https://g.mozest.com/thread-30081-1-2
和你写的总结版:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
#sidebar-splitter{display:none !Important;}
#sidebar-box{position:fixed !important; top:64px; bottom:0px;
/*下面三个百分比是对应的，最后一个padding-right后面的值越小，感应区域也越小，可以自己调整*/
width:24.01% !important;
left: -24% !important;
-moz-transition: left .2s .4s ease-in !important;
padding-right:0.01% !Important;}
sidebarheader[id^="sidebarheader"],#sidebar-header{width:100%;  -moz-appearance:toolbox !Important; min-width:0px !important; max-width:100% !important;margin-top:-10px !Important;margin-bottom:-10px !Important;}
sidebarheader[id^="sidebarheader"] label,#sidebar-header label {text-shadow:none !important; color:rgb(0,0,0) !important; }
#sidebar-box>browser {min-width:0px !important; max-width:100% !important;}
#sidebar-box:hover { left:0px !important; -moz-transition: left .2s .1s ease-out !important;}
#sidebar-box>browser[collapsed="true"] {height:0px !important; }
#sidebar-box>browser {height:88% !important; width:100%!important;border-right:2px inset -moz-use-text-color !important; border-bottom:2px inset -moz-use-text-color !important; }

已经加了

margin-top:-10px !Important;

和

margin-bottom:-10px !Important;

,Fx10版显示还是有很大的空格,可以去掉空格吗,thx

图片：@P69[L9%6`6H@DQK$T]]E~G.jpg

firefox 6.0.1下，各种代码都失效
请帮忙检测一下

新问题：在b9以后tabontop与否，窗口最大化与否时sidebar-box的top值是不同的，如果区分不同情况下分别设置是不是要写成下面这样分三段？能不能有更简洁的方式，俺是菜菜~~谢谢~~

/*最大化窗口时tabontop=true*/
#main-window[tabsontop="true"][sizemode="maximized"] #sidebar-splitter {
  display:none !Important;
}
#main-window[tabsontop="true"][sizemode="maximized"] #sidebar-box {
  position:fixed !important;
  width: 310px !important;
  top: 66px;
  bottom: 0px;
  left: -308px !important;
  -moz-appearance: none !important;
   -moz-transition: left .2s .4s ease-in;
  padding-right:1px !Important;
}
#main-window[tabsontop="true"][sizemode="maximized"] #sidebar-box:hover {
  left: 0px !important;
  -moz-transition: left .2s .1s ease-out;
}
#main-window[tabsontop="true"][sizemode="maximized"] #sidebar-header {
  width: 100%;
}
sidebarheader[id^="sidebarheader"] {
  width: 100%; 
} 
#main-window[tabsontop="true"][sizemode="maximized"] #sidebar {
  height: 98%;
  width: 100% !important; 
  border-right: 2px inset -moz-use-text-color !important;
}

/*最大化窗口时tabontop=false*/
#main-window:not([tabsontop="true"])[sizemode="maximized"] #sidebar-splitter {
  display:none !Important;
}
#main-window:not([tabsontop="true"])[sizemode="maximized"] #sidebar-box {
  position: fixed !important;
  width: 310px !important;
  top: 89px;
  bottom: 0px;
  left: -308px !important;
  -moz-appearance: none !important;
  -moz-transition: left .2s .4s ease-in; 
  padding-right: 0px !Important;
}
#main-window:not([tabsontop="true"])[sizemode="maximized"] #sidebar-box:hover {
  left: 0px !important;
  -moz-transition: left .2s .1s ease-out;
}
#main-window:not([tabsontop="true"])[sizemode="maximized"] #sidebar-header {
  width: 100%;
}
sidebarheader[id^="sidebarheader"] {
  width: 100%; 
} 
#main-window:not([tabsontop="true"])[sizemode="maximized"] #sidebar {
  height: 98%;
  width:100% !important;
  border-right: 2px inset -moz-use-text-color !important;
}

/*非最大化窗口时*/
#main-window:not([sizemode="maximized"]) #sidebar-splitter {
  display:none !Important;
}
#main-window:not([sizemode="maximized"]) #sidebar-box {
  position:fixed !important;
  width:310px !important;
  top:89px;
  bottom:0px;
  left: -308px !important;
  -moz-appearance: none !important;
  -moz-transition: left .2s .4s ease-in;
  padding-right:0px !Important;
}
#main-window:not([sizemode="maximized"]) #sidebar-box:hover {
  left:0px !important;
  -moz-transition: left .2s .1s ease-out;
}
#main-window:not([sizemode="maximized"]) #sidebar-header {
  width:100%;
}
sidebarheader[id^="sidebarheader"] {
  width:100%;
} 
#main-window:not([sizemode="maximized"]) #sidebar {
  height: 98%;
  width: 100% !important;
  border-right: 2px inset -moz-use-text-color !important;
}

非要贴个完整版吗，就是改.01到.1,测试可用

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
#sidebar-splitter{display:none !Important;}

#sidebar-box{
position:fixed !important; top:85px; bottom:0px;/* 高度自行调整 */

/*下面三个百分比是对应的，最后一个padding-right后面的值越小，感应区域也越小，可以自己调整*/
width:20.1% !important;
left: -20% !important;
padding-right:0.1% !Important;
-moz-transition: left .2s .4s ease-in !important;
}
sidebarheader[id^="sidebarheader"],#sidebar-header{width:100%; -moz-appearance:toolbox !Important; min-width:0px !important; max-width:100% !important;}
sidebarheader[id^="sidebarheader"] label,#sidebar-header label {text-shadow:none !important; color:rgb(0,0,0) !important; }
#sidebar-box>browser {min-width:0px !important; max-width:100% !important;}
#sidebar-box:hover { left:0px !important; -moz-transition: left .2s .1s ease-out !important;}
#sidebar-box>browser[collapsed="true"] {height:0px !important; }
#sidebar-box>browser {height:95% !important; width:100%!important;border-right:2px inset -moz-use-text-color !important; border-bottom:2px inset -moz-use-text-color !important; }

不用百分比，直接用像素设置也可以：

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
#sidebar-splitter{display:none !Important;}

#sidebar-box{
position:fixed !important; top:85px; bottom:0px;/* 高度自行调整 */

/*下面三个百分比是对应的，最后一个padding-right后面的值越小，感应区域也越小，可以自己调整*/
width:331px !important;
left: -330px !important;
padding-right:1px !Important;
-moz-transition: left .2s .4s ease-in !important;
}
sidebarheader[id^="sidebarheader"],#sidebar-header{width:100%; -moz-appearance:toolbox !Important; min-width:0px !important; max-width:100% !important;}
sidebarheader[id^="sidebarheader"] label,#sidebar-header label {text-shadow:none !important; color:rgb(0,0,0) !important; }
#sidebar-box>browser {min-width:0px !important; max-width:100% !important;}
#sidebar-box:hover { left:0px !important; -moz-transition: left .2s .1s ease-out !important;}
#sidebar-box>browser[collapsed="true"] {height:0px !important; }
#sidebar-box>browser {height:95% !important; width:100%!important;border-right:2px inset -moz-use-text-color !important; border-bottom:2px inset -moz-use-text-color !important; }

youth9999：

这个总结版在4.9B下不是很给力啊~~大大能不能修改个配合All in one sidebar 使用的总结版本啊~~回到原帖

貌似确实在b9下面不可用，麻烦帮忙看看。

/*下面三个百分比是对应的，最后一个padding-right后面的值越小，感应区域也越小，可以自己调整*/
width:25.1% !important;

原来的25.01貌似不能感应了

alanfly：发个自动隐藏总结版的：
(2010-11-14更新，修正窗口状态下时的一个bug)

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
#sidebar-splitter{display:none !Important;}

#sidebar-box{position:fixed !important; top:85px; bottom:0px;
/*下面三个百分比是对应的，最后一个padding-right后面的值越小，感应区域也越小，可以自己调整*/
width:20.01% !important;
left: -20% !important;
-moz-transition: left .2s .4s ease-in !important;
padding-right:0.01% !Important;}
sidebarheader[id^="sidebarheader"],#sidebar-header{width:100%;  -moz-appearance:toolbox !Important; min-width:0px !important; max-width:100% !important;}
sidebarheader[id^="sidebarheader"] label,#sidebar-header label {text-shadow:none !important; color:rgb(0,0,0) !important; }
#sidebar-box>browser {min-width:0px !important; max-width:100% !important;}
#sidebar-box:hover { left:0px !important; -moz-transition: left .2s .1s ease-out !important;}
#sidebar-box>browser[collapsed="true"] {height:0px !important; }
#sidebar-box>browser {height:95% !important; width:100%!important;border-right:2px inset -moz-use-text-color !important; border-bottom:2px inset -moz-use-text-color !important; }

回到原帖

这个总结版在4.9B下不是很给力啊~~大大能不能修改个配合All in one sidebar 使用的总结版本啊~~

这种侧边栏徒占系统资源，显示和隐藏的灵敏度也不高，且都是鸡肋功能，默认工具里书签、历史放图标到工具栏点击后就是侧边栏，根本不用插件。

额 我的版本是3.6 然后效果是附件那样的 不开工具栏左边也一大块空白

能否实现在书签侧边栏中，只允许打开一个文件夹；
即先打开第一个文件夹，然后再打开第二个文件夹时，刚才打开的文件夹自动关闭

caoyue：3.6不支持CSS3的transition属性
如果不能完全缩进去的话调整#sidebar-box的left和width的值就可以了

我也是Snow Leopard Bookmark/history sidebar改成自动隐藏用的，配合AIOS效果不错回到原帖

  找到方法了，就是在原始状态下，先把侧边栏拉到最边上去，看不到为止。然后修改with为20.2%,就可以了。
下面的是我改成右边显示的。
  @namespace url(http://www.mozilla.org/keymaster/gateke ... s.only.xul);

#sidebar-splitter{display:none !Important;}
/*top是浮动框距离浏览器上面的距离，数值越小越贴近上面*/
#sidebar-box{position:fixed !important; top:0px; bottom:0px;
/*下面三个百分比是对应的，最后一个padding-right后面的值越小，感应区域也越小，可以自己调整，width:20.2%（这里越大侧边栏浮动框的宽度就越大，right（这里改成left就是左边触发）: -20%（当然 显示了多少就要相应减去多少，相减剩下2％就是触发的可见区域）*/
width:20.2% !important;
right: -20% !important;
/*transition在3.6下无效，同样right是右边，left是左边,下面的雷同*/
-moz-transition: right .2s .4s ease-in !important;
padding-right:0.01% !Important;}
sidebarheader[id^="sidebarheader"],#sidebar-header{width:100%;  -moz-appearance:toolbox !Important; min-width:0px !important; max-width:100% !important;}
sidebarheader[id^="sidebarheader"] label,#sidebar-header label {text-shadow:none !important; color:rgb(0,0,0) !important; }
#sidebar-box>browser {min-width:0px !important; max-width:100% !important;}
#sidebar-box:hover { right:0px !important; -moz-transition: right .2s .1s ease-out !important;}
#sidebar-box>browser[collapsed="true"] {height:0px !important; }
/*border-right侧边栏在右侧显示,改成left就是左右，border－bottom浮动框距离底部的距离，数值越小越贴近底部*/
#sidebar-box>browser {height:95% !important; width:100%!important;border-right:0px inset -moz-use-text-color !important; border-bottom:0px inset -moz-use-text-color !important; }

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
发现新问题，就是新建网页或者关闭网页或者切换网页后，这个脚本会失效，侧边栏跑去里面的层去，被当前网页层挡住，只看到非页面部分一点点。必须要重新关闭侧边栏或者重启FF后才能使用。在FF4B7里却没有这个问题，在3.6.12里出现问题（新建一个新的配置也是这样。。）

3.6不支持CSS3的transition属性
如果不能完全缩进去的话调整#sidebar-box的left和width的值就可以了

我也是Snow Leopard Bookmark/history sidebar改成自动隐藏用的，配合AIOS效果不错