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;---但它没有将其位置保留在表列内容的右上角,而是在我放弃了整个网站的右上角。祝你好运!