滚动条裂缝固定位置侧边栏的布局

我有一个width: 100%;的sitewrapper，它被推到右边，如果点击一个特定的按钮，会带来一个position: fixed;边栏。这工作相当不错，我唯一的问题是，如果站点加载滚动条，它会在固定位置div之间创建一个裂缝。你有没有人有建议？滚动条裂缝固定位置侧边栏的布局

#right_sidebar { 
    width: 160px; 
    height: 100%; 
    background-color: #ffb005; 
    position: fixed; 
    right: -160px; 
}

和点击：

$('#button').click(function() { 
    $right_sidebar.animate({right: 0}, transDelay); 
    $outer_wrapper.animate({marginLeft: -160}, transDelay); 
});

编辑： FIDDLE HERE，请按绿色背景。

来源

2014-09-22 supersize

可以试一下提供一些更多的代码（行动中的问题）:) – 2014-09-22 14:22:17

@theScorpion谢谢，在这里你去http://jsfiddle.net/o56jt2fe/1/ – supersize 2014-09-22 14:29:18

你什么意思是'一个破解'？ – 2014-09-22 14:45:30

我为你固定它。

这里是fiddle

添加该做的伎俩：

body, html { 
    height: 100%; 
    margin: 0; 
    outline: 0; 
}

来源

2014-09-22 14:52:04

不幸的是它不适用于我的情况。 – supersize 2014-09-22 15:15:52

@supersize也许这样？ http://jsfiddle.net/o56jt2fe/4/ – 2014-09-22 16:09:32

似乎是100％的宽度是问题 - 试试这个：如果你可以

<div id="outer_wrapper"> 
    <div id="right_sidebar">dfsdf</div> 
</div> 

#outer_wrapper { 
/* width: 100%; */ 
    min-height: 100%; 
    background-color: green; 
} 
#right_sidebar { 
    position: fixed; 
    right: -160px; 
    width: 160px; 
    min-height: 100%; 
    background-color: red; 
}

来源

2014-09-22 15:51:35 jan199674

滚动条裂缝固定位置侧边栏的布局

回答

相关问题