- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时,我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
最近,我的网站正在使用 stellar.js,我想找到一种方法让左侧向上滚动,而右侧则相反。但是,正确的元素在 position:absolute 中显示得很好。红色背景位于我想要的右侧,但元素不是。此外,右侧将包含许多单独的 div。最好的引用是国家 LGBT 博物馆网站。有什么建议吗?提前致谢。
HTML
<div id="container2">
<div id="wrap1">
<div data-stellar-ratio="1">Hi</div>
</div>
<div id="wrap2">
<div>
<div data-stellar-ratio="-1">hi</div>
<div data-stellar-ratio="-1">hi</div>
</div>
</div>
</div>
CSS:
#container2
{overflow:auto;
height:4480px;
width:100%;
float:left;}
#wrap1
{height: 3000px;
overflow:hidden;
float:left;
width:50%;
background-color: black;}
#wrap1 div {
width: 10px;
height: 800px;
margin-top:0px;
background-color: blue;}
#wrap2 {
overflow:auto;
height: 3000px;
overflow:hidden;
display: block;
float:left;
width:50%;
background-color: red;}
#wrap2 div {
position:absolute;
float:left;
left:50%;
width: 10%;
height: 640px;
background-color:green;
z-index: 999;
border:5px solid black;}
最佳答案
我不确定这是否正是您要特别寻找的,但在最近使用 Stellar.js 的响应式元素中,我发现只需在其实例化中添加“responsive: true”即可解决基本问题。
$.stellar({ responsive: true });
关于css - 如何制作包含 stellar.js 的响应式网站?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20295432/
我正在使用 stellar.js为垂直滚动网站添加视差效果,但背景位置有问题。当我使用“data-stellar-background-ratio”类在 div 上添加视差效果时,我无法通过 CSS
我正在使用 Stellar.js 一个很好的视差插件。链接如下:http://bit.ly/XUs0oW 想知道是否可以使用百分比而不是像素来设置偏移量... 正如您在第一张图像的代码中看到的,我添加
我正在使用 stellar.js,但我遇到了一个问题,我不知道是否我使用错误,或者插件是否无法正常工作... 我有一个 html 元素 当我像这样调用恒星插件时: $.stellar({respon
我已经建立了一个视差滚动网站,但是我无法为移动设备禁用 stellar.js。我的 HTML 和 CSS 还可以,但我非常缺乏 JavaScript 和 jQuery 知识。我尝试将以下内容添加到我的
编辑:问题示例:https://codepen.io/wa23/pen/yooGyO使实时渲染窗口尽可能高以查看效果。从地球图片开始滚动,当您到达第 3 个格时,图像已经移动,几乎完全看不见了。 我有
我正在使用 stellar JS (http://markdalgleish.com/projects/stellar.js/) 为 Ipad 构建一个视差滚动网站,我想在某个高度触发一个函数(使从屏
我正在尝试使用 Stellar.js 创建一个带有两个图像标签元素的简单视差,但它不起作用。我尝试了一些不同的配置。我现在拥有的实际上是 Stellar.js 创建者自己的教程脚本的复制粘贴(应用于我
如标题所示,我正在使用 Stellar.js。我只有一个视差元件,而且非常简单。这是一个带有背景图片的部分。背景图像设置为固定(如文档所述,以避免抖动),但图像仍然抖动——在 Chrome 中有点,在
有没有办法在浏览器/窗口调整大小时重新初始化 stellar.js,以便重新调整元素偏移量? 最佳答案 首先,听起来您可能遇到了水平对齐问题(假设它是一个垂直网站)。如果是这样,您可能只需要禁用水平滚
我正在尝试使用 Stellar.js 来实现视差效果,但是 data-stellar-ratio=""标签让我的元素错位了。我有这个代码: 使用这些 CSS: .outer-ring {
有没有办法在代码中打开和关闭 stellar.js?我尝试用不同的参数调用“stellar”方法,但似乎它只有效一次: $(document).ready(function() {
我正在使用 Stellar.js v0.6.2 jQuery 插件来显示 6 个具有视差效果的背景图像。 第一次加载页面时一切正常,但如果我重新加载/刷新它,我会发现背景位置设置错误并且视差效果被破坏
我正在尝试使用 stellar.js(我听说它有问题)创建一个简单的三“幻灯片”视差页面。理想情况下,后两页包含一个位于中心底部的图像元素,文本 float 在其上方的中心位置。在不同的浏览器大小和不
我的水平偏移效果有问题。我只想使用 Stellar JS 在垂直滚动条上水平移动 img。截至目前,我有一个 1800 像素高的容器元素和一个 img ,其高度和宽度在加载时动态设置(基于视口(vie
我有一些元素,我正在使用 Stellar.JS 使元素在滚动时滑动 - 视差。 示例如下:FIDDLE 我希望标题 Trainers 在滚动时向上移动。我在上面使用了 data-stellar-rat
在过去的几个小时里,我一直在尝试解决一个非常简单的解决方案,但我正在用头撞墙,希望这里有人能发现我缺少的东西。 尝试使特色图像 slider 具有视差效果(类似于 this )。我在标题中调用了恒星脚
我已经安装了 Stellar 插件并使其正常工作: $.stellar({ horizontalScrolling: false, verticalOffset: -600
我正在尝试使用 stellar.js 在一页站点上实现视差效果插入。我想要的是每张幻灯片都有 100% 的高度。当我加载页面时一切正常,但如果我调整浏览器的大小,在带有图像背景的幻灯片后会出现奇怪的白
我正在使用 Stellar JS 创建一个视差网站,但我在“幻灯片”中定位元素时遇到了严重问题。我所有的元素都与给定的 CSS 完美对齐;然而,一旦我向图像添加“data-stellar-ratio”
我正在使用 Stellar.js 开发垂直滚动网站。但是,当我开始滚动到其他页面时,我为第一张幻灯片设置的背景图像开始移动。我如何保持固定?网址:http://andrewgu12.kodingen.
我是一名优秀的程序员,十分优秀!