纯CSS视差的水平偏移是从哪里来的？
纯CSS视差的水平偏移是通过CSS属性transform来实现的。transform属性可以用来对元素进行旋转、缩放、倾斜和平移等变换操作。其中，translateX()函数可以实现元素在水平方向上的平移，通过设置不同的偏移值，可以实现视差效果。
视差效果是指在页面滚动过程中，不同层级的元素以不同的速度移动，从而产生立体感或动态效果。通过给元素添加transform: translateX()属性，可以实现元素在水平方向上的偏移，从而实现视差效果。
举例来说，如果想要实现一个纯CSS视差的水平偏移效果，可以按照以下步骤进行操作：
- 创建一个包含内容的HTML元素，例如一个div元素。
- 使用CSS样式设置该元素的宽度、高度和背景等属性，以及其他需要的样式。
- 使用transform: translateX()属性来设置元素在水平方向上的偏移值。可以根据需要设置不同的偏移值，例如transform: translateX(50px)表示元素向右偏移50像素。
- 根据页面滚动的情况，可以通过监听滚动事件来动态改变元素的偏移值，从而实现视差效果。
纯CSS视差的水平偏移可以应用于各种场景，例如网页设计、滚动动画、页面过渡效果等。通过合理运用视差效果，可以增加页面的交互性和吸引力。
腾讯云提供了丰富的云计算产品和服务，其中与前端开发相关的产品包括腾讯云CDN（内容分发网络）、腾讯云COS（对象存储）、腾讯云Web应用防火墙等。这些产品可以帮助开发者提升网站的性能、安全性和用户体验。
更多关于腾讯云产品的介绍和详细信息，可以参考腾讯云官方网站：https://cloud.tencent.com/
相关·内容
2回答
使用视差图查找对应的像素
、、、、
我有一对立体图像和它们的真实视差。视差图中的灰度级告诉我物体有多远。如何使用此灰度级查找像素的相应像素？
我确信灰度级不是沿x轴的位移，因为在(50，4)处左侧图像的地面真实视差图中的一个像素具有视差值70 (这不能代表右图像中相应像素沿x轴的位移，因为坐标将是(-20，4)，这是无效的!!)
我从数据集中获得了我的图像和基本事实
如何转换这些值以找到另一张图像中相应像素的位置？
附言:图像运动是纯水平的
浏览 2提问于2013-05-01得票数 1
1回答
我目前有一个水平滚动视差网站的HTML和CSS。然而，我希望当你到达一个特定的部分时，你会得到一个垂直的视差滚动，而不是水平的。
查看这个网站的一个例子： ...你会看到水平滚动突然变成了垂直滚动……
查看这个JSFiddle：
我目前有一个水平滚动的视差，其中嵌套了一个垂直滚动的div……我真的不确定如何让div向上滚动，而不是向下滚动。
这是我在“go-up”div中使用的代码：
#go-up {
background-color:blue;
width:650px;
left:3000px;
overflow-y: scroll;
height:100%;
overflow-x:hidd
浏览 2提问于2013-04-04得票数 2
回答已采纳
1回答
我正在使用下面的jQuery代码在WordPress站点的标题区域上创建视差效应。我在这里找到了代码，并对其进行了修改，以便在我的站点上工作，并处理由我的肚脐引起的偏移。在下面的代码中，背景图像从顶部定位.然而，我现在被问到背景位置是否可以设置为底部，视差效应是否可以从那里向上滚动。我可以调整CSS使其成为背景位置: 50%的底部最初，但一旦你开始滚动的位置开始抵消从顶部。有人能帮忙吗？比起在jQuery，我在CSS方面要好得多，并且已经尝试了很多个小时的解决方案，但没有结果。
使用代码的网页可以在这里找到。
<script>
jQuery(document).re
浏览 3提问于2021-08-19得票数 0
2回答
我已经建立了一个网站，并有一个非常长的页面。我们决定使用纯CSS3向其添加视差，并且效果很好。
我从这里得到的CSS3视差代码：
codepen.io/keithclark/pen/JycFw
后来，我们决定应用粘性标题，但请注意，当我们向下滚动(大约180px)时，它没有出现。以下是我们从哪里获得代码的链接：
我发现问题是‘纯透视’视差在主体元素中使用了‘css3: 1px;’。一旦我删除了它，然后棒头工作，但然后视差不。
我正在尝试让视差和棍头一起工作。
下面是我正在处理的链接。
显然，当您向下滚动时，您可以看到条形标题是如何工作的。但是，通过搜索“the FrightKite似乎永远
浏览 0提问于2017-02-23得票数 0
3回答
我在我的小世界场景中添加了一个视差背景和图层。问题是，当我添加视差层，并将运动标度设置为某种值时，当我运行游戏时，精灵就会被抵消。这种奇怪的偏移似乎与窗口的尺寸和运动尺度有关。我不想要这个偏移，我只是希望我的所有视差层从左上角开始(在我的设置中)，然后视差从那里开始。我有我的设置和跑步游戏的片段：
浏览 11提问于2021-12-28得票数 2
2回答
我正在寻找我的问题的解决方案。我在我的网站上有一个css视差效果，当你垂直向下滚动页面时，它似乎能起到很好的效果。问题是，如果浏览器窗口的宽度减小到小于页面内容的宽度，它也会水平滚动。我不想要水平的视差效果。我使用的css是：
background: url(images/home.jpg) 50% 0 no-repeat fixed;
height: 500px;
margin: 0 auto;
width: 100%;
max-width: 1920px;
position: relative;
如果浏览器窗口小于1000px，则示例站点为。如果浏览器窗口小于1000px，则
浏览 4提问于2016-04-19得票数 0
1回答
如何创建自然滚动的水平视差？
、、、、
我一直在研究视差效果以及如何创建它们，但在任何地方我都没有看到任何关于如何创建视差效果的信息，比如在这个网页上：https://www.fhoke.com 我已经想出了常规的垂直视差，我找到了关于水平视差的信息(它使整个网页水平，而不是其中的一部分)，但我找不到如何制作像上面的网页那样的东西，在上面的网页中，当你垂直滚动的时候，只有一部分水平移动。 我怎样才能用普通的javascript css和html做到这一点，或者这只有JQuery/Plugins才能做到呢？ 编辑:我试着检查代码，但似乎也找不到它。
浏览 7提问于2021-05-06得票数 0
1回答
我有一个侧面滚动平台，使用花栗鼠和iPhone的Cocos2d。玩家从关卡的一边移动到关卡的另一边来完成关卡。玩家实际上是从一边移动到另一边；背景不会重复，从而产生滚动的错觉。
然而，我被弄糊涂了，不知道如何在视差背景下做到这一点。这个水平在x坐标上大约是3000，我不能使用这么大的图像。我也不能在玩家到达某个点后让图像重复，因为玩家不是站在一个位置上。
有什么建议吗？
浏览 2提问于2011-12-17得票数 0
1回答
视差滚动底部
、、、
嗨，我的网站有一个问题，我的问题是:当我在我的页面上向下滚动时，我看到的页面底部，页脚不在页面的底部。我知道错误是，bootsrtap顶部的旋转木马在我滚动时得到了视差效果。我用jquery和css3变换实现了这个视差效果：
$(window).scroll(function() {
if($('html').width() > 767) { //For mobile devices
var top = $(window).scrollTop();
$('.parallax').css({
&
浏览 3提问于2014-12-17得票数 0
1回答
在一个项目中，我需要构建类似著名的视差驱动的Mario体验站点，它还带有水平和垂直滚动(如果您还没有看到它，这里是：)。
为了获得滚动效果，我抓取了JQuery滚动路径插件(这里的网站：)，它似乎适合我对免费滚动的需求。
当我试图加入一些插件来产生视差效应时，问题就来了。我尝试了几个插件(包括Stellar.js、jInvertScroll、Parallax.js、视差-JS)，但它们似乎都不能正常工作。我假设，与scroll路径插件一起提供的自定义滚动与使用导航器滚动的视差插件的需要之间存在某种关系。
我在Google上搜索了一些类似的情况(例如，用视差插件实现Scroll路径)，但是在我目
浏览 1提问于2014-04-21得票数 1
回答已采纳
我是wordpress主题开发的新手，我想在这里问一些问题，我想为我的主题标题做一个视差效应，如下所示：
TestParallax.com
这是通过使用一些JS代码，我想知道什么是最好的方式为WP主题?？使用纯CSS还是使用JS ?？什么是web浏览器最兼容的?？帮帮我伙计们..。
浏览 0提问于2016-03-28得票数 -1
回答已采纳
1回答
还原站点的备份，导致不加载站点资产，例如style.css和.js文件。我查看了网站并注意到主题资产的链接：
site.com%20/wp-content/themes/themename/style.css
如您所见，域后的%20是造成问题的原因。上面的链接是从functions.php中的底部代码生成的：
wp_enqueue_style( 'theme-style', get_stylesheet_uri() );
我检查了网站网址的wp设置，它是好的，在functions.php中的链接也是可以的。那我该从这里去哪？额外的百分之二十是从哪里来的？
谢谢。
浏览 0提问于2017-01-06得票数 1
回答已采纳
1回答
首先，我是一个完全的初学者，我想我正在努力做得比我的水平更高。
所以我的问题是:我实际上是用纯CSS制作了一个水平滚动网站，里面有一些视差。而我已经设法让一些东西发挥作用了。视差效应让我发疯了。
在我的模板的第二张幻灯片上，我无法使我的背景粘在我的div内的顶部，它向下滚动是因为原因。另外，我在上面做了一个背景剪辑的文本，当它在Chrome上工作的时候，它不在Firefox上.
如果你们有办法的话，我准备好了。
以下是网站：
另外，我是在纯CSS中这样做的，但是如果您有一个好的JS框架来实现我的梦想，我也准备好了。
浏览 4提问于2021-12-10得票数 0
1回答
我仍然是JQuery的初学者，我自己动手用鼠标移动来弄清楚视差背景(我相信这被称为视差效果)。我正在使用event.pageX创建一个变量，稍后在设置背景位置时使用该变量。
它可以工作，但代码是挑衅的新手水平。每次我刷新页面时，我都需要移动鼠标作为背景来开始视差效果-例如，背景从50%0%开始，当我移动鼠标时，它达到10.5%0%，并且在第一次鼠标初始移动后变得平滑。
我想知道是否有一种方法可以在页面加载时自动调用mousemove函数。或者，有没有更好的方法来重新格式化代码，以满足我想要做的事情？
JS
$('.background').on( "mousemove&
浏览 0提问于2015-06-15得票数 0
我可以将自定义的ActiveAdmin文件放在哪里来自定义CSS？
我在active_admin.rb中看到了以下一行：
config.register_stylesheet 'active_admin.css'
但我不明白文件要去哪。我要做的就是在AA的默认样式中添加一些额外的自定义样式
浏览 9提问于2014-11-27得票数 10
回答已采纳
1回答
如何引导仅具有水平CSS视差效果的站点
需求
CSS仅视差
母层必须具有宽度/高度== 100/100
子层的宽度/高度必须大于100/100。
子层必须与父层宽度 100%的视觉对齐。
到目前为止，从技术上讲，子层确实有100%的父层宽度，但是由于perspective，它们在视觉上看上去并没有获得100%的父层宽度。
子层(第一层除外)必须具有相对于其父层的顶部偏移量。
结果必须以计算为基础，才能具有最大的灵活性。
必须是跨浏览器坚实的(至少是最新版本的专业)
我至今所做的一切
实际上，这个问题是一个。
这是一支用或显示我
浏览 1提问于2017-08-23得票数 26
我想要实现的目标：
我能做到的：
当你从一个文本页面切换到另一个菜单时，我正在尝试做与Year Walk Companion应用程序一样的垂直视差滚动效果。
通过使用UIPanGestureRecognizer上下移动，我可以在只水平移动的UIScrollViews上实现这种效果(想象一下在嵌套数组之间滑动)。然而，当我有一个垂直滚动的UIScrollView时，它就会断掉。
当我向下滚动UIScrollView时，它会像您预期的那样移动，向上移动时也是如此。然而，当我想让UIPanGestureRecognizer进入并垂直移动UIScrollView本身，而不是它的内容时，问题就开始了。到
浏览 0提问于2013-07-16得票数 3
回答已采纳
2回答
我希望我的网站的背景在水平滚动时具有水平(而不是垂直)视差效果。下面的jQuery代码是我用来制作一个垂直滚动的网站的；我试着做了一些修改，让它在水平方向上工作，但不幸的是没有运气。
$(document).ready(function(){
var $window = $(window);
$('section[data-type="background"]').each(function(){
var $bgobj = $(this);
$(window).scroll(function() {
浏览 0提问于2014-08-19得票数 0
有什么方法可以让我识别出哪台服务器正在执行sql插入以及查询的详细信息？我不知道我的插页是从哪里来的，我想确定它的来源
浏览 9提问于2012-09-11得票数 0
回答已采纳
我目前正在建立一个水平滚动网站的过程中，我正在使用火车头滚动作为滚动库。 页面相当简单:背景上只有几行文本和一些视差图像。 让图像移动较慢相当简单，只需要为它们分配两个自定义属性: data-scroll (将组件标识为视差元素)和data-scroll-speed="x“(定义其移动速度)。 但是，当页面加载时，图像似乎不在正确的位置。当用户滚动时，它们会比正常显示的时间早得多，并且突然移动到正确的位置。 只有当用户滚动整个页面后，元素才会移动到正确的位置。 将视差元素的位置CSS属性从绝对更改为固定或相对，或者将它们的显示值从块更改为内联块似乎都没有任何影响。 我相当确定这不是s
浏览 35提问于2021-03-31得票数 0
回答已采纳
1回答
有没有人知道如何在一个网页上结合垂直和水平视差滚动，就像这份交互式简历一样？
他似乎无缝地从垂直滚动过渡到水平滚动，再回到垂直滚动，所有这些都具有视差效果。任何帮助都将不胜感激！
注意:我确实注意到了一个潜在的提示:在网页的某些部分，如果你向后滚动，过渡会变得非常不和谐而不是平滑。
浏览 14提问于2018-02-08得票数 0
我使用的是基于Keith Clark的教程的纯css视差，它使用3d变换。
transform: translate3d(0, 0, -30px) scale(1.31);
此外，我使用css梯度蒙版图像与径向梯度层是视差。
mask-image: radial-gradient(10px circle at 50% 150px, transparent 0, black 100%)
我用示例图形在codepen上创建了演示：。
在一些浏览器中，我看到了可怕的小故障。最大的问题是出现的故障是不确定的。我注意到，当我的计算机CPU/GPU加载时，出现这种故障的可能性会增加。出现在基于webki
浏览 0提问于2017-10-03得票数 7
2回答
我正在寻找一种在jQuery或纯JS中获得像素滚动量的方法，不是从页面的顶部，而是从div的底部。
换句话说，我需要将超出div高度+页面顶部像素距离的滚动量转换为变量。
我想在下面附加这个视差代码，而不是从页面的顶部计算，而是从目标div从顶部+其高度的距离计算。
/* Parallax Once Threshold is Reached */
var triggerOne = $('#trigger-01').offset().top;
$(window).scroll(function(e){
if ($(window).scrollTop() >
浏览 5提问于2017-03-24得票数 1
回答已采纳
1回答
假设我有以下内容：
<div id="grandparent" style="background:some-image">
<div id="parent" style="background-color:white">
<div id="child" style="something">
</div>
</div>
</div>
是否可以在#子文件中使用CSS覆盖#父级的白色背景，并显示来自#爷爷奶奶的图像？
浏览 2提问于2015-08-11得票数 0
回答已采纳
1回答
视差背景性能与行为
、、、
到目前为止，我已经创建了一个水平滚动站点，它对元素背景图像具有视差效应(这些图像被拉伸以适应视图端口的大小)。我使用了库来达到这个效果；
$.stellar({
horizontalScrolling: true,
verticalScrolling: false,
horizontalOffset: $(window).width()
});
然而，我面临着两个问题；
在元素完全消失之前，图像往往会“耗尽”；显示下面的白色背景。这种影响的严重程度取决于视口的大小和形状，所以我猜想试图计算出图像大小、纵横比或定义的滚动比的数学值是不值得的。是否有办法使滚动比在恒星内
浏览 5提问于2013-08-22得票数 0
2回答
填充容器的视差背景图像
、、、
我使用stellar.js将视差效应应用于背景图像。javascript将背景图像周围的容器的高度设置为窗口高度减去标头的高度。我有背景图像设置覆盖在css中，并希望它填充容器，而不管屏幕大小。这在没有视差效应的情况下工作得很好，但是一旦我应用了视差效应，定位就会改变，所以当容器很高时，图像就不会被填充。
我和马克·达格利什( Mark )谈过，他是stellar.js的创建者，他想看看他是否有任何想法，他说背景图像必须比容器高才能填满它，这就是我得出的结论。所以我想知道是否有不同的方法可以做到这一点。有人有什么想法吗？
这是我想让它发挥作用的网站。如果你调整浏览器窗口的大小，从侧面把它拉进来
浏览 4提问于2014-03-09得票数 0
回答已采纳
首先，我想知道我们从opencv reprojectImageTo3D()函数得到的三维点的公制单位。 其次，我用一个以"mm“为度量单位的棋盘分别校准了每个摄像头，然后使用opencv函数来校准立体系统，校正立体对，然后计算视差图。 基本上我想要的是边界框中心的距离。因此，我计算了视差图，并使用reprojectImageTo3D()函数将其重新投影到3D，然后从这些3D点中提取对应于bbox (x，y)中心的点。但是我应该使用哪张图片来获得bbox的中心呢？改版的还是原版的？ 其次，在立体声系统中使用相同的摄像头型号是否更好？ 谢谢
浏览 94提问于2019-03-01得票数 0
回答已采纳
我试图使用IntersectionObserver实现视差背景滚动效果。我不太确定，当元素完全或部分处于视图中时，阈值和交集比的组合将允许一个连续的效果(当元素完全脱离视线时，它应该停止)。只有当元素在视图的顶部或底部“相交”时，我才能得到效果。以下是我所做的两次尝试：
我得到了我想要的东西，但是当元素完全在视图中时，就没有视差了。只有当元素部分位于屏幕上方或下方时，才会出现视差效应：
函数观察(选择器、阈值、回调){ const元素=document.querySelectorAll(选择器)；const选项={ rootMargin：'0px'，阈值:阈值}；const观察
浏览 4提问于2020-05-30得票数 1
请不要使用jQuery /插件解决方案
试图转换尼古拉斯加拉格尔的视差演示从水平到垂直。前两个链接是原始的水平演示；第二个jsFiddle是我尝试将其转换为垂直的。
经过几个小时的修修补补，我没有什么主意了。此时，我所做的就是将图像对齐到屏幕的右侧，并扩展视图。
我一直没有成功地获得垂直视差的工作。正如您所看到的，我正在尝试使用css伪元素来完成所有这些工作--但如果这是使其工作的最佳方式，则可以使用一些javascript/jQuery。
#silverback {
position: relative;
z-index: 1;
min-width: 200px;
mi
浏览 0提问于2014-03-22得票数 1
回答已采纳
1回答
因此，有一个名为RadPad的应用程序，它们能够执行粘稠的视差表视图头，但同时能够水平地滑动以切换图像。我想知道实现这两个功能的最佳方法是什么:能够使用UICollectionView执行视差粘性头并显示多个图像。
我尝试过各种开放源码框架，但它们在被进一步推倒时没有成功地执行拉伸头视图。
谢谢!
下面是我指的屏幕的链接：
1)视差：
2)水平滑动图片：
浏览 0提问于2015-08-26得票数 5
这就是我想要实现的：
这是我得到的：
请使用web-kit浏览器(Chrome或Safari)查看此浏览器的JSFiddle：
当你缩小屏幕，但仍然有足够的空间来放置按钮时，就会发生这种情况。我查看了CSS，试图找到按钮右侧的某种填充，但找不到。还有，那条水平线是从哪里来的？
浏览 0提问于2011-07-12得票数 5
回答已采纳
1回答
表索引和溢出:隐藏
、、、
我有个问题。我有一个Instagram提要由Instagram API，它拉图像，喜欢，评论和描述。此css缩短了图像下面的描述：
#instagram-feed .meta-data p {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #000;
}
我还添加了一个脚本，它在hashtag上创建链接，因此您可以在提要中直接单击它们。
这个很好用。直到你开始在页面上加标签。由于文本/哈希标签隐藏在一行之后，所以它仍然在HTML-结构中，只是不可见。
所以，当我在页面上标签并进入In
浏览 4提问于2015-11-26得票数 1
回答已采纳
1回答
眼睛视差折光着色器
、、、
我正在尝试实现视差折射效应，由Jorge Jimenez在这个演示中解释：http://www.iryoku.com/downloads/Next-Generation-Character-Rendering-v6.pptx和我正面临一些困难。这是一个有趣的部分的截图。
📷
但这份文件缺乏一些解释，特别是第二部分的物理基础折射。
这是我目前所取得的成就。
这是简单的视差折射效应，正如你在截图中可能注意到的，当视差尺度值太高时，在虹膜的放牧角度上有小的小故障。
这似乎是由视差计算引起的，但是否有一些技巧来避免或尽量减少这种问题呢？
我暂时不想深入研究视差映射，所以我不想使用陡峭的视差映射或视差
浏览 0提问于2016-10-18得票数 1
回答已采纳
4回答
以前似乎有人问过这个问题，但没有得到充分的答复。我完全不知道如何做到这一点(包括没有插件)。我希望我的网站滚动水平时，我积极向下滚动垂直。
我所指的一些例子：和
要明确的是，我不在乎这两个网站使用的视差效应。我只想水平滚动。
谢谢!
浏览 4提问于2014-07-08得票数 10
回答已采纳
我有一个CollapsingToolbarLayout的活动，用于视差效应(来自Android )和FrameLayout，其中我设置了片段。
片段布局包含NestedScrollView。
除了一分钟外，一切都很顺利。在NestedScrollView中，我有一个带有StaggerGridLayoutManager的水平RecyclerView，当我从回收视图垂直滚动时-视差不是开始。当我从屏幕的任何其他地方滚动，它工作。
这似乎是layout_behavior标签的问题，或者是NestedScrollView的焦点问题。
有没有人面对这个问题？一些想法？
浏览 0提问于2015-06-17得票数 10
回答已采纳
1回答
CSS视差背景
、、、
我目前正在开发，并且我有一个叫做" parallax -bg“的类，它可以创建一个视差背景。
对于我底部的联系人(部分)，它还不适用于我的英雄(顶部)和纹理(中间)，它工作得很好。
这是我使用的jQuery：
$(window).scroll(function() {
var scrolledY = $(window).scrollTop();
$('.parallax-bg').css('background-position', 'center ' + ((scrolledY) - 70) + 'px');
}
浏览 0提问于2016-10-13得票数 0
我正试图用背景中的视差卷轴制作一个彩色的“斑点”。这是我当前的CSS，当您向下滚动页面时，blob (类名为“blob”的空白)仍然是固定的：
.blob1 {
background: #FFFAD1;
border-radius:40%;
transform: rotate(-130deg);
width:40%;
top:10%;
right: -20%;
position: fixed;
height: 20em;
overflow: scroll;
}
我不知道最后那个小盒子/边框是从哪里来的。以前有人
浏览 7提问于2022-01-18得票数 1
最近，我在学习HTML/CSS/Js/PhP几个月的时间里创建了我的第一个网站。
在移动设备上加载时，我在其中做了一个视差滚动头图像的页面不会滚动(水平还是垂直)？
我通常使用“检查元素”来追踪but，但是当这种情况发生在我的手机上时，我无法弄清楚--为什么会发生这种情况？
该页是；
浏览 2提问于2015-07-03得票数 0
回答已采纳
1回答
视差点击菜单项
、、、、
我在研究水平视差。在我的水平网页上，我有几个div，我在图片上应用视差效果。实际上，如果我用水平滚动法滚动，视差看起来是有效的。我的问题是，当我点击项目菜单时，视差似乎不起作用。你知道我该修改什么吗？这是我的小提琴：
我的javascript测试：
$(document).ready(function() {
$("body").addClass("has-js");
$("form").bind("submit",function(event){
event.prev
浏览 1提问于2014-04-16得票数 1
回答已采纳
1回答
需要一些建议。我正在尝试创建一个接口，如所附图像所示。所以这是一个水平视差效果。你们有没有创建类似的东西，并给我一些如何继续的想法。有没有可以使用的库？Catch here是在多个视图中延伸的红色元素。
围绕这一点的另一个想法是，你认为有一个视图会更有意义吗?在这个视图中，我可以根据用户导航只显示视图的一部分。我唯一担心的是，如果我必须支持多种显示尺寸，它可能会变得更加复杂。
浏览 0提问于2015-10-27得票数 0
我正在尝试使用react-bootstrap在我的react应用程序中添加一个旋转木马。这个想法是有一个黑色背景的容器，旋转木马应该放在里面，如下所示。 所需的容器 ? 但就在我创建了一个黑色背景div之后，在底部创建了一个额外的水平滚动条，如下所示 产生错误 ? 我不知道水平滚动条是从哪里来的。在这里，我附加了JS组件代码和与之相关的css。 import React from 'react'
import './SlideShow.css'
const SlideShow = () => {
return(
<d
浏览 23提问于2021-07-01得票数 0
我想知道如何实现视差滚动类似雅虎新闻摘要应用程序。当用户水平滚动背景图像时，启用分页以不同速度滚动图像。
可能是他们用一个带有背景视图的ScrollView来做的。不太确定。提示实现这样的滚动将是很好的。我检查过类似的问题，但找不到我想要的答案。
浏览 4提问于2014-07-28得票数 15
回答已采纳
1回答
我最近一直在学习立体3d，有一件事我不太清楚。视差和视差有什么区别？
我觉得这两个词都是交替使用的。
示例定义：
双眼视差是指左眼和右眼所看到的物体在图像位置上的差异，这是由于眼睛的水平分离所造成的。
左右对应图像点(有时也称为“同源点”或“共轭点”)之间的距离是视差，可以以英寸或毫米为单位。
浏览 0提问于2016-01-20得票数 2
回答已采纳
1回答
我希望为iOS构建一个连续的视差滚动视图，它将充当一个tableView。我想要重新创建的内容非常类似于在上显示的滚动。我见过很多“双视差”视差视图，但没有一个是连续的。
我知道这不是一个直接的问题，但我确实需要一些帮助，使其朝着正确的方向发展。
浏览 3提问于2014-03-18得票数 0
回答已采纳
1回答
广场上的视差抖动
、、、、
我知道这不是一个典型的StackOverflow编码问题，但我想了解一下如何解决图像上方和下面的抖动、白空间，以及在我为客户创建的Squarespace站点上滚动的视差部分。我有我的视差(索引页)节在100 of和我的所有图像和章节全宽度使用柔性盒。
我目前正在使用Moshka (卤水)模板，我读过一些关于这个特定的模板家族存在视差问题的文章，但我希望可能有人有一个想法，我可以尝试通过自定义代码注入来解决这些问题。
我能够使用基本的CSS和HTML使一些东西看起来像我想要的，但我是相当缺乏经验的，我不知道从哪里开始，从什么地方开始修复一个广场的视差，希望有人能指出我的正确方向(或者告诉我，这是
浏览 0提问于2019-05-09得票数 2
回答已采纳
有一组图像垂直堆叠在具有overflow-y: auto的<div class="container">中。在第一张图片之后，有一个<div class="info">，它包含一些比父div更宽的文本，需要水平滚动(``overflow x: auto')。
这个想法是让container垂直滚动，直到info点击container顶部边缘。此时垂直滚动停止，info开始水平滚动。在它到达结尾后，父container的垂直滚动继续，直到其内容的结尾。
它应该在scroll up上同样起作用。
我尝试了几个选项，jQuery，视差，
浏览 1提问于2018-11-20得票数 0
1回答
在我的HTML文档中，导航上方有一个神秘的单像素空间，不知从哪冒出来的。有人能告诉我这可能是从哪里来的吗？
HTML：
<body>
<header>
<ul id="navbar">
<li><a href="/home.html">Home</a></li>
<li><a href="/tv.html">TV & Video</a></li>
<li&
浏览 1提问于2014-08-12得票数 0
回答已采纳
1回答
我必须以给定的方式分别将元素(下面的草图中的红色元素)移动到页面中(这样它就不会与内容发生冲突)。当用户滚动时，框应该沿着给定的路径移动。
我试图将元素的位置设置为固定在左/上角，然后在滚动时沿着水平轴移动。但我认为这不是最好的解决方案，而且代码也很难看。
我也试图用skrollr视差框架来解决这个问题，但这是不可能的。
下面是我想要达到的目标的草图：
那么，解决这一问题的最佳方法是什么？
编辑：，想更好地了解我想要实现的目标，这里有一个链接到一个具有类似内容的页面：
浏览 1提问于2017-01-11得票数 0
2回答
实现视差滚动是非常容易的。这个问题是关于如何改进它的表述。
手调一些多层的视差滚动因子是可行的，但是视差滚动是为了模仿线性透视图的特性--它有一个基本的三角函数关系，我相信它可以从正确的数学中受益。
假设我的运动场有一个视差滚动因子1.0，相机距离为1.0。给定任何其他层，我们如何计算它的滚动因子从它的相机距离，或它的相机距离从它的滚动因子？
浏览 0提问于2023-02-05得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
