在我的容器中有部分/框,但是当没有其他框可见时,这些框中的最后一个框应该跟随滚动.
因此,当用户向下滚动时,他会看到正常的侧边栏,但是当用户已经足够下降时,侧边栏会结束,但最后一个框开始跟随屏幕顶部.我在不同类型的网站上看到了很多.
我的代码目前:
$(window).scroll(function(){
$.each($('.follow-scroll'),function(){
var eloffset = $(this).offset();
var windowpos = $(window).scrollTop();
if(windowpos<eloffset.top) {
var finaldestination = 0;
} else {
var finaldestination = windowpos;
}
$(this).stop().animate({'top':finaldestination},200);
});
});
我知道position:fixed;在IE 7之前IE不支持,如果你有IE浏览器,它只适用于IE 7 STRICT DOCTYPE.
我的问题是:"如何让它与IE 7一起使用TRANSITIONAL DOCTYPE？"
请不要建议更改DOCTYPE,因为这不回答我的问题,谢谢.
问题： R Shiny – 使用 CSS 滚动时让 wellPanel 弹出窗口跟随
嗨堆栈用户，
我创建了一个闪亮的应用程序，它有一个数据表，其中当用户单击一行时，它旁边会弹出一个隐藏的 wellPanel，以显示与该行相关的更多详细信息。
弹出的wellPanel的长度很长，但是表格的长度更长（行数不可协商）。我想让 wellPanel 在滚动时跟随，直到 wellPanel 的顶部到达页面的顶部可见部分。此时，wellPanel 会一直粘到页面底部（请参阅下面的首选状态图像）。
使用 CSSposition: fixed并不能解决问题，因为在表格和面板上方有针对目标用户的说明。因此，position: fixed仅使用将 wellPanel 永久粘贴到网页的一部分，并且一些信息会被删除（请参阅下面的示例应用程序）。
现在，我不是一名 Web 开发人员/设计师，所以我对 CSS 的了解非常少，但我希望上一篇文章中的 CSS 解决方案（How do you make a div follow as you scroll? /）具体来说：https://www.w3schools.com/css/css_positioning.asp）使用position: sticky可以工作，但仍然没有成功。
希望听到社区专家的意见。谢谢！
米克洛斯
我的应用程序的简化示例以及显示首选状态的图像如下：
安装程序.R
#### LOAD PACKAGES ######################
require(shiny)
require(shinyjs)
require(data.table)
require(dplyr)
require(DT)
#### PREPARE DATA ######################
id <- c('10001','10002','10003','10004','10005',
'10006','10007','10008','10009','10010',
'10011','10012','10013','10014','10015',
'10016','10017','10018','10019','10020',
'10021','10022','10023','10024','10025',
'10026','10027','10028','10029','10030',
'10031','10032','10033','10034','10035',
'10036','10037','10038','10039','10040'
)
info …我不确定这是否可行：
我有一个网页，上面放着几个div内容，一个放在另一个之上。在所有内容div的底部，我希望有一个100像素高的图像（或者可能是带有的DIV background-image）。
当您查看此页面时，浏览器将创建滚动条，以便您可以向下滚动内容，也可以将底部的div /图像滚动到视图中。
我可以在该底部div /图像上使用CSS设置，以便浏览器基本上将其作为内容忽略吗？这样浏览器就不会尝试向下滚动到它？我不知道这是否可行。
另外，我可以使图像成为<body>背景的一部分，但是如何强制该图像显示在内容div的正下方？当您更改窗口大小时，由于其内部内容的更改，我的内容div的高度也会更改。因此，我不确定如何始终确保该底部图像（如果是背景）恰好在最后一个内容div之后显示。
更新
这是一个可以帮助说明我要执行的操作的链接：http : //jsbin.com/ojejad/2/edit
向下滚动时，绿色显示出来，因为它显然是页面内容的一部分。浏览器是否可能不考虑页面内容的绿色div部分，从而使滚动停止在蓝色的底部？
这样做的原因是，我希望人们仅在其监视器足够大时才能在底部看到绿色图像，而他们自然无需滚动即可看到所有蓝色+绿色。但是，如果用户的监视器太小，我不希望他们滚动到页面底部并继续滚动以仅查看该图像，因为它实际上应该只是背景图像，而不是重要内容的一部分。