将向下滚动时的背景颜色从右向左更改
是一种视觉效果，可以通过CSS和JavaScript来实现。
首先，我们可以使用CSS的linear-gradient属性创建一个渐变背景色，然后使用JavaScript来监听滚动事件，根据滚动的位置动态改变背景色的位置。
以下是一个实现的示例代码：
HTML:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="content">
<!-- 页面内容 -->
</div>
<script src="script.js"></script>
</body>
</html>CSS (style.css):
body {
margin: 0;
padding: 0;
}
#content {
height: 2000px; /* 设置一个足够长的高度以触发滚动 */
background: linear-gradient(to left, red, blue); /* 设置初始的渐变背景色 */
}JavaScript (script.js):
window.addEventListener('scroll', function() {
var scrolled = window.scrollY; // 获取滚动的垂直距离
// 计算背景色的位置
var position = scrolled / (document.documentElement.scrollHeight - window.innerHeight) * 100;
// 设置背景色的位置
document.getElementById('content').style.backgroundPositionX = position + '%';
});在上述代码中，我们通过监听scroll事件来获取滚动的垂直距离，并根据滚动的位置计算背景色的位置。然后，使用style.backgroundPositionX属性将背景色的位置设置为计算得到的值。
这种效果可以应用于各种网页设计中，例如滚动时的渐变背景色可以用于创建动态的页面背景，增强用户体验。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mobile
- 腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云游戏多媒体引擎（GME）：https://cloud.tencent.com/product/gme
- 腾讯云视频处理（VOD）：https://cloud.tencent.com/product/vod
- 腾讯云音视频通信（TRTC）：https://cloud.tencent.com/product/trtc
- 腾讯云云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云云原生数据库（TDSQL）：https://cloud.tencent.com/product/tdsql
- 腾讯云云原生数据仓库（CDW）：https://cloud.tencent.com/product/cdw
- 腾讯云云原生数据湖（CDL）：https://cloud.tencent.com/product/cdl
- 腾讯云云原生数据总线（CDB）：https://cloud.tencent.com/product/cdb
- 腾讯云云原生数据计算（CDC）：https://cloud.tencent.com/product/cdc
- 腾讯云云原生数据集成（CDI）：https://cloud.tencent.com/product/cdi
- 腾讯云云原生数据安全（CDS）：https://cloud.tencent.com/product/cds
- 腾讯云云原生数据治理（CDG）：https://cloud.tencent.com/product/cdg
- 腾讯云云原生数据分析（CDA）：https://cloud.tencent.com/product/cda
- 腾讯云云原生数据开发（CDD）：https://cloud.tencent.com/product/cdd
- 腾讯云云原生数据运维（CDO）：https://cloud.tencent.com/product/cdo
- 腾讯云云原生数据查询（CDQ）：https://cloud.tencent.com/product/cdq
- 腾讯云云原生数据存储（CDS）：https://cloud.tencent.com/product/cds
- 腾讯云云原生数据计费（CDF）：https://cloud.tencent.com/product/cdf
- 腾讯云云原生数据监控（CDM）：https://cloud.tencent.com/product/cdm
- 腾讯云云原生数据迁移（CDM）：https://cloud.tencent.com/product/cdm
- 腾讯云云原生数据备份（CDB）：https://cloud.tencent.com/product/cdb
- 腾讯云云原生数据恢复（CDR）：https://cloud.tencent.com/product/cdr
- 腾讯云云原生数据同步（CDS）：https://cloud.tencent.com/product/cds
- 腾讯云云原生数据加密（CDE）：https://cloud.tencent.com/product/cde
- 腾讯云云原生数据权限（CDP）：https://cloud.tencent.com/product/cdp
- 腾讯云云原生数据合规（CDG）：https://cloud.tencent.com/product/cdg
- 腾讯云云原生数据审计（CDA）：https://cloud.tencent.com/product/cda
- 腾讯云云原生数据备份（CDB）：https://cloud.tencent.com/product/cdb
- 腾讯云云原生数据恢复（CDR）：https://cloud.tencent.com/product/cdr
- 腾讯云云原生数据同步（CDS）：https://cloud.tencent.com/product/cds
- 腾讯云云原生数据加密（CDE）：https://cloud.tencent.com/product/cde
- 腾讯云云原生数据权限（CDP）：https://cloud.tencent.com/product/cdp
- 腾讯云云原生数据合规（CDG）：https://cloud.tencent.com/product/cdg
- 腾讯云云原生数据审计（CDA）：https://cloud.tencent.com/product/cda
请注意，以上链接仅为示例，具体产品和链接可能会根据腾讯云的更新而变化。建议您访问腾讯云官网以获取最新的产品信息和链接。
相关·内容
1回答
我有一个永无止境的回收视图，我填充的数据，因为滚动是完成。当我向右滚动时，它工作得很完美。问题是我想不出如何不断地向左滚动。如果我能够滚动，只有这样我才能用数据填充视图。我已经检查过许多类似的关于堆栈溢出的查询，但是它们都只解决了在右侧滚动的问题，或者在垂直回收视图的情况下向下滚动。例如，。我想要负载更多的触发，同时滚动向任何方向。
浏览 5提问于2017-12-15得票数 1
2回答
我正在一个网站上工作，那里的身体有很多颜色。当内容向下滚动时，内容的背景会发生变化。
在下面的图片中，你可以看到蓝色背景下的正文。因此，当内容与滚动条一起向下滚动时，背景图像也应该与内容一起滚动。
所以，当滚动条停留在蓝色这样的颜色时，菜单标题(Home)的背景就会自动改变为蓝色。
浏览 0提问于2014-01-02得票数 3
回答已采纳
4回答
当我说header时，我指的是一个<h1>。但我在页面的左侧有一个固定的标题，我使用了视差，这样当我向下滚动时，背景div会发生变化。
我想让h1的颜色在我向下滚动时发生变化，就像一样。(检查左上角的夜班标题！)。
我尝试过像这样使用Jquery：
if($(window).scrollTop() > 2600) {
$(".leftHeaders a").css("color", "black");
但当你向下滚动时，你得不到颜色的凉爽过渡。
浏览 0提问于2016-11-25得票数 1
1回答
我正在工作的网站有一个重复的背景模式应用于<body>。图案不是固定的，当向上或向下滚动页面时，它会像预期的那样垂直滚动。
在顶部有一个卷轴，上面有三组文本。按下某些导航项目时，这些集合从左向右滑动：
此时，文本向左/向右移动，但背景保持水平固定(这也是预期的)。
其目标是以与文本移动相同的速度在给定方向上动画背景图案，以提供完整的向左或向右滚动的效果，而不是文本在画布顶部向左或向右滑动的效果。
我以前用过一个JQuery插件，它可以让我对一个元素的background-position值进行动画处理，也许是一些可以工作的东西？
浏览 2提问于2012-04-04得票数 0
回答已采纳
如何在RichTextField中设置背景和字体颜色？除了前面描述的画图之外，我还试图重写 ()方法，但是当我向下滚动时，背景被擦除或重置为白色背景
浏览 0提问于2009-09-16得票数 2
回答已采纳
我正在用Wordpress做一个网站，我有一个粘性的菜单。当我在页面的上半部分时，背景是白色的，所以我使用黑色菜单项颜色。但当我向下滚动时，出现了黑色菜单背景，使我的项目不可见。有没有办法改变CSS代码，使菜单项的默认颜色是黑色，但当我向下滚动时，它会变成白色？
浏览 10提问于2017-02-13得票数 1
回答已采纳
$(window).scroll(function()
{
if (window.matchMedia('(min-width: 900px)').matches)
{
if ($(this).scrollTop()>0)
{
$('#upper_bar_desktop').animate({"background-color": "#ffffff" , "color": "#000000"}, 1200 );
浏览 12提问于2018-02-19得票数 0
1回答
在过去的几天里，我一直在修修补补地创建一个视差滚动站点。我有一个很好的原型工作，滚动不同的背景图像。看起来很酷。
我想再走一步。我基本上有一个分配了背景图像的div。背景图像以不同的速度滚动。现在，我想添加单击向左或向右箭头并更改背景的功能。基本上就是一个旋转木马。但是，如果用户向下滚动，我仍然希望保持视差效果。
HTML的结构是：
<section id="one">
<div id="mainimagewrapper">
<div class="image1">
<div cl
浏览 0提问于2013-02-06得票数 1
回答已采纳
6回答
jquery更改背景颜色用户滚动
、、、、
有没有可能在jquery中，当用户向下滚动页面时，背景会从50%的白色变为90%的白色或其他一些东西？
首先是颜色rgba(255,255,255,.5)，当用户滚动到颜色become rgba(255,255,255,.9)下方的210px时。
浏览 1提问于2012-01-06得票数 7
回答已采纳
我按照本教程在滑动时在删除按钮旁边添加了更多按钮。
但问题是细胞需要使用清晰的颜色，这样背景图像才能被看到。但该方法使用滚动视图来显示tableview单元格的内容视图和按钮视图。如果滚动视图的内容视图有任何背景颜色而不是透明颜色，它可以隐藏按钮，以便这些按钮在单元格上滑动时只显示由我们的手指确定的部分，使用透明颜色作为背景使这些按钮显示而不需要在单元格上从右向左滑动。
所以谁可以给我一个建议，用清晰的颜色来显示背景图像，而不显示下面的按钮？
浏览 1提问于2015-06-01得票数 0
2回答
Cordova灰色背景色
、、、
我是Cordova/PhoneGap开发的新手。当部署到iPhone时，我注意到应用程序后面的这个浅灰色背景色。当设备从纵向旋转到横向(反之亦然)时，这一点很明显。当使用默认的启动应用向上或向下滚动时，您也可以看到它。涟漪仿真器没有这个效果。
你知道这个颜色是从哪里来的吗?如何覆盖它？我尝试用来修改config.xml。我当然可以设置正文的css背景颜色，但这不会改变灰色背景。
下面是来自iPhone的一些屏幕截图，当使用默认的示例应用程序进行旋转或滚动时，您可以看到灰色背景。
浏览 0提问于2016-03-12得票数 4
我在另一个UIScrollView中有一个UIScrollView。例如：
这个灰色区域就是我的设备。红色滚动视图在背景中黄色滚动视图是红色滚动视图中的一个子视图。
我想要做的是向上和向下滚动，并且仍然有向右/向左滚动的选项。但是当我将代理设置为黄色滚动视图时，我不能向右/向左移动。如何处理这个问题？
浏览 0提问于2012-11-27得票数 0
回答已采纳
1回答
是否可以将回收视图的背景设置为渐变，以便梯度覆盖整个回收视图，而不是跨越屏幕？换句话说，我希望背景可绘制高度等于所有项的总高度，这样当用户向下滚动时，背景色就会发生变化，并且只有当用户向下滚动到最后一项时，才能达到渐变的结束颜色。
<shape>
<gradient
android:startColor="@color/colorPrimary500"
android:endColor="@color/colorSecondary50"
android:angle="90"
浏览 3提问于2020-06-22得票数 1
回答已采纳
3回答
我正在尝试更改悬停时的文本颜色，但颜色保持不变。 我正在使用脚本添加名为.show的类来更改滚动时的背景，它可以工作，悬停元素也可以工作，但color CSS元素无法更改。 下面是一些添加:hover以在用户向下滚动后更改颜色的尝试。我希望一旦用户向下滚动，颜色就会从灰色变为黑色。 .navigation-bar li a {
display: inline;
color: lightgrey;
text-decoration: none;
font-family: Verdana, Geneva, Tahoma, sans-serif;
font-weight: bol
浏览 18提问于2019-12-26得票数 0
回答已采纳
我希望这是个合适的地方。我试过WP开发人员，但问题被认为与主题无关。
我正在使用WordPress中的二十七个主题(4.8.2)和一个带有4个附加部分的静态头版。在最上面的部分，当您向下滚动时，徽标、站点名称和标签行向上滚动到开始的图像上。有一个清晰的背景标志，标题，标签组，所以背景图像显示通过。
当你进一步向下滚动，第二个图像进入视图，当第一个图像从屏幕上滚动，菜单现在在顶部时，它就会被完全显示出来。继续滚动，下一节的文字卷起，覆盖第二张图片。但是，这个文本有一个白色的背景(在我的例子中)，并且图像没有显示出来。
对于其余的图像/文本对，这是相同的行为。我想知道的是如何使这些文本部分的背景变
浏览 0提问于2017-10-03得票数 1
回答已采纳
我已经从网上下载了TableView示例代码'4_TableViewCellSubviews‘。我正试着以我的方式运行这个程序。我正在尝试将我自己的背景视图颜色设置为“lightgraycolor”。我只想在这个应用程序中看到浅灰色的背景视图。我不想给TableView做任何颜色。也就是说，我想给灰色只为背景视图，而不是为表格的背景。当我提供的代码为'[self.view setBackgroundColor:UIColor lightGrayColor];‘时，它也改变了整个表的颜色。但我尝试设置的颜色只为视图，除了在桌子上。如何仅为背景视图设置背景颜色，而不为TableVi
浏览 0提问于2009-09-20得票数 1
回答已采纳
1回答
冒泡滚动/鼠标滚轮事件
、、、、
我已经设置了我的应用程序/网站，以便在滚动面板顶部有一个绝对定位的画布元素，当滚动面板滚动时，我将偏移量应用到画布上，使其看起来像是在滚动图像(这允许我拥有巨大的画布，而没有巨大的画布元素的开销)。问题是，当我的鼠标在画布元素上时，滚轮无法工作，因为scroll事件不会冒泡。然而，在本例中，我需要冒泡来使滚动条工作。
我使用GWT来解决这个问题，所以我不喜欢依赖jQuery解决方案(尽管纯javascript解决方案也可以)，因为很难将两者混合在一起。我可以捕获鼠标滚轮事件，但主要问题是它似乎无法区分滚轮的滚动(向上/向下)和倾斜(向左/向右)。我尝试了eventGetShiftKey()、e
浏览 2提问于2011-06-01得票数 1
回答已采纳
2回答
围绕动态添加字段展开容器
、、、、
在internet中，当我有一个动态生成的字段时，所有东西都会向下移动。然而，周围的容器保持相同的高度，所有的东西都会从它的上方移动。
试着点击“添加语言”或“添加技能”，然后向下滚动到底部。
有什么建议吗？
编辑/
语法是
<div id="content">
<div class="wrapper"></div>
</div>
.wrapper扩展得很好(我添加了一个背景颜色以确保)，但#content不是。
浏览 0提问于2011-04-26得票数 0
回答已采纳
2回答
如何进行水平视差滚动
、、、
我使用的是最新版本的Bootstrap、JQuery和Skrollr。
我想有一个静态的背景和几个场景，当你滚动视差滚动发生。我可以在你滚动时创建场景，但我正在寻找一种方法，让你看起来不会向下移动页面。
我正在寻找一个像这样的场景：
注意它是如何从右向左移动的，但看起来并不像是在向下滚动页面。
这是我最好的解释。似乎找不到任何好的教程来实现这一点。任何正确方向的帮助都将是杰出的。
浏览 0提问于2015-01-08得票数 0
回答已采纳
1回答
我想在页面滚动时控制各种div元素，类似于。
我想要一个300pxX300px的div在我向下滚动时从左向右移动，当我向上滚动时从右向左移动。
我怎样才能做到这一点呢？
浏览 1提问于2015-07-09得票数 0
在我的页面顶部有一个javascript幻灯片。当幻灯片切换到下一个图像时，我调用另一个函数来更改页面的背景颜色。
当幻灯片不再在视图中时，即当用户向下滚动页面时，客户端希望背景颜色停止改变。
有没有办法检测元素是否由于滚动而不再可见？
浏览 0提问于2011-06-08得票数 3
回答已采纳
是否有可能使导航条透明，使透明度只用于背景颜色？例如，我在顶部有一个固定的导航条，当我向下滚动时，我只希望导航条具有容器当前背景色的颜色，这样如果我向下滚动，就看不到文本了？(我用的是梯度，而不是固定的颜色.)
浏览 4提问于2019-12-18得票数 0
回答已采纳
2回答
滚动时更改颜色文本导航条
、、、、
我怎么能这样做，当我向下滚动的文字导航栏改变颜色，就像背景。有所有的代码。
$(document).ready(function(){
$(window).scroll(function(){
var scroll = $(window).scrollTop();
if (scroll > 300) {
$(".navbar-custom").css("background" , "white");
$(".navbar-custom").css("color" ,
浏览 11提问于2022-07-31得票数 0
回答已采纳
2回答
我正在使用一个免费的模板从启动启动。()当您在页面向下滚动时，您可以看到活动的菜单项的背景颜色稍深一些。当菜单项处于活动状态时，我想改变它们的背景色，但我无法让它工作。
到目前为止，我已经试过了所有的选择。有人能帮我做这个所需的css吗？
浏览 3提问于2016-02-27得票数 0
回答已采纳
1回答
使用jQuery动画滚动导航栏
、、、、
我可以使用jQuery动画我的导航条，以便它改变颜色的滚动？我想要的是一个具有rgba(51，51，51，0.3)背景色的导航条，当滚动到顶部时，rgba(255,255,255，1)从顶部向下滚动600 51。
我知道这样做是有可能的：
$(window).bind('scroll', function() {
if ($(window).scrollTop() > 600) {
$('.navbar-container-fixed').addClass('white');
}
else i
浏览 0提问于2015-01-02得票数 0
回答已采纳
2回答
我正在编写一些代码，当你向上或向下滚动鼠标时，它们会被检测出来。我希望用户向左和向右滚动，而不是上下滚动。我的代码检测鼠标的移动，以及它是否向上和向下。我的问题是，在jQuery或Javascript中有没有代码允许用户根据事件发生的时间向左或向右滚动，也就是鼠标向上或向下滚动？
浏览 9提问于2012-08-17得票数 1
回答已采纳
2回答
我创建了一个弹出窗口，它的背景色使页面不显示在整个页面上。它只显示在页面的前100%。如果向下滚动，页面将返回到正常的div背景色。
我发明了一把小提琴来说明我的意思。向下滚动并单击蓝色文本。这将使弹出窗口出现。然后，如果您向上滚动，您将看到灰色背景颜色只显示在第一个100%的视图，但然后回到白色时，你滚动下来。我想让整个页面在点击时打开那个灰色。
我的宝贝
我已经将高度设置为100%，所以我不知道为什么这不会对整个页面产生任何影响。
.black_overlay{
display: none;
position: absolute;
top: 0%;
lef
浏览 3提问于2015-09-25得票数 0
回答已采纳
3回答
移动网站问题
、、、
我的mobile website有一个问题，当你使用swipe from left to right或right to left时，屏幕会移动，在它下面显示一个灰色的背景。
这是可以通过锁定div来修复的，还是只需要在移动网站上处理的问题。
我看到twitters移动站点在上下滚动时也会做同样的事情，它会将查看区域向下拖动到足以看到灰色背景的程度。
我附加了一张图像，以显示我从右向左拖动时所看到的确切内容。
注意:在这里添加youtube链接：
浏览 0提问于2013-02-15得票数 0
我有自定义单元格的UItablview，当选择此行时，我需要更改标签背景颜色，但向下滚动时标签颜色重复
浏览 12提问于2016-08-25得票数 1
1回答
我正在尝试获得类似的背景效果，这是在这个网站上的：
通过查看，该网站的背景是黑色的，但有一个水平拉伸的背景图像，仍然在页面的顶部。向下滚动页面时，图像将保留在顶部，但会与背景颜色混合。
我尝试制作一个类似于示例中的图像，并使用background-size:cover，但当我向下滚动时，图像保持静态，只有内容滚动。如果这有任何意义的话！
通过查看示例，有人可以解释一下需要什么CSS才能实现这一点吗？另外，图像的大小应该是多少( PS)，才能在不损失质量的情况下在较大的浏览器中伸展？
我试着查看网站的CSS文件，看看发生了什么，但这一切都在一行上，很难解决。
我会添加一个网站的链接，以
浏览 0提问于2013-03-27得票数 1
回答已采纳
1回答
我希望我的导航栏背景颜色在我悬停时从透明慢慢变为白色。我使用这个脚本来隐藏导航栏，当我向下滚动和向上滚动时弹出导航栏，它工作得很好。设法在悬停状态下更改颜色，但不进行过渡... 有人能帮我添加过渡吗？请参阅www.maimoncpa.com
浏览 19提问于2020-04-16得票数 0
2回答
我有一个html页面，需要展开宽度和高度，因此需要能够上下滚动，左和右，但我似乎无法获得css梯度重复-x和留下一个坚实的颜色向下。
摘除代码：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; chars
浏览 2提问于2011-09-15得票数 11
回答已采纳
使用bootstrap如何让页面背景填充视口，然后当滚动条向下移动时页面的其他部分可以查看？
我想要复制的一个例子是这里的，其中的主要标题栏部分有天空背景，这充满了浏览器窗口，无论它实际上有多高。
当您向下滚动其他子页面以查看时，这些子页面中的一些具有自己的背景或仅设置为纯颜色。
我该怎么用bootstrap来做这件事呢？
浏览 4提问于2013-07-09得票数 0
回答已采纳
1回答
我实现了以下代码，当我使用鼠标轮在水平列表上滚动时，代码工作得很好：
$('#wall_list_ul').mousewheel(function(e, delta) {
this.scrollLeft -= (delta * 70);
e.preventDefault();
});
问题是当我使用：
鼠标滚轮向上移动，我的列表从左到右滚动。和
鼠标滚轮向下滚动，我的列表从右向左滚动。
我想扭转这种行为:当我使用：
鼠标滚轮向上移动，我的列表从右向左滚动。
鼠标滚轮向下滚动，我的列表从左到右滚动。
我如何调整我的代码来做到这一点呢
浏览 3提问于2015-04-24得票数 0
回答已采纳
2回答
固定在顶部的两个Div
、、、
我有一个问题与2个div固定在页面顶部。我已经在顶部修复了它们，如果我向下或向上滚动页面，一切都是正常的。但是如果我向右和向左滚动，我看不到第二个div。我该怎么解决它呢？
，您可以通过执行以下操作来查看问题: 1.调整浏览器页面大小2.向下滚动3.向右滚动
代码如下：
<HEAD>
<script type='text/javascript' src='jquery-1.7.1.js'></script>
</HEAD>
<LINK REL="stylesheet" HREF="
浏览 0提问于2012-09-17得票数 2
1回答
Cocos2D。无穷无尽的背景
、、、、
我有一个纹理，我需要设置为背景。滚动应该是向左，向右和向下。我试着改变纹理坐标，向下交换3个纹理行，然后交换水平纹理…史诗般的失败。有没有人知道如何在各个方向上用相同的平铺纹理制作背景？
浏览 2提问于2012-04-11得票数 2
1回答
我正在使用webview显示PDF。
webview以它的实际大小显示PDF，这比webview本身的大小略小，显示了它下面的滚动视图。
我已经尝试将Webview设置为不透明，并将其背景颜色设置为另一种颜色，这在模拟器中工作得很好，但无法更改设备上的颜色。在设备上，它会改变滚动视图后面视图的背景颜色，当PDF一直向下拉时可以看到这一点。
我还尝试了设置所有UIView的背景，遍历各个子视图，但都没有效果。
我已经更新了一个图表，以帮助说明我想给哪个区域上色。
浏览 0提问于2011-12-23得票数 0
回答已采纳
我有一个带有ListView的活动，我通过编程将背景图像设置为视图。当我向下滚动我的列表时，背景图像变成白色(因为我的主题是Theme.Light.NoTitleBar)。
我怎样才能使它与蓝色背景完整滚动？
如果以上点有效，如何将ListView的文本颜色更改为白色而不是黑色？
正常ListView
滚动ListView
按下ListView项
浏览 5提问于2012-06-28得票数 4
回答已采纳
我刚刚做了一个div可拖放，如：.draggable({ axis：'x'，包容: pLeft+margin，0，pWidth-(边距*2)，0}).css(‘不透明’，0.6)，我可以看到该div覆盖在父服务器上，并且沿着父轴沿x轴拖放，距离左和右边缘几个像素(从边距)。情况就是这样。
问题
如何检测超出控制范围的可拖事件，以及用户是试图向左、向左或向右移动(这样我就可以更改父div的背景位置，使其具有滚动效果)。
对于jquery可拖放，我如何检测超出包容范围的鼠标事件？(连同一个信息，无论是向左还是向右)？
浏览 1提问于2010-06-29得票数 0
回答已采纳
由于@Segev的评论和对另一个话题的引用，第二次更新，我能够改进我的，使它基本上能做我想做的事情。然而，它仍然没有Instagram的实现那么顺利，我想知道是否有人知道我如何改进它以使它更加顺畅？另外，我注意到有时(在我的演示中)，当我非常快地向左/右滑动，并且我想切换到上下滑动时，它仍然会继续向左/右滑动，直到我停止滑动并让它先停止。
shouldBeRequiredToFailByGestureRecognizer更新：I能够通过继承UIScrollView并从UIGestureRecognizerDelegate实现和shouldBeRequiredToFailByGestureRec
浏览 2提问于2015-06-23得票数 11
回答已采纳
1回答
我正在创建一个从XML文件(nodes+edges)创建图形的场景。该图是在iframe中作为SVG生成的。我想要做的是能够点击一个节点，并让该节点聚焦(不同的颜色，滚动到适当的位置)。
我得到的是，我在传递给graphviz的属性中传递了一个URL，该属性在查询字符串中具有焦点节点，因此my-url.php? focus =2将焦点节点id为2。然后，在属性创建期间，我将焦点节点的颜色更改为亮黄色。
问题是我找不到向下滚动到这个节点的方法。我必须通过向下滚动来手动搜索节点。有没有一种方法可以让我获得焦点节点的坐标，并将其传递给托管iframe的窗口？这样，我就可以使用Javascript向下
浏览 1提问于2011-04-22得票数 1
回答已采纳
2回答
首先，这是我的网站：
我希望得到一些反馈，当页面向下滚动时，如何将页眉的背景颜色(浅灰色)从0不透明度褪色到100%。也许就在第一个项目命中标题之前，灰色背景就已经出现了。
在我的项目页面上，你可以看到侧边栏的描述在某一点之后会消失。我希望我的标题是这样的，但并不是整个div一开始都是不可见的，而只是背景颜色。
干杯!
浏览 1提问于2013-05-05得票数 0
我有collectionView里面有52张照片，
在didSelectItemAtIndexPath方法上，我有以下代码：
var cell : UICollectionViewCell = collectionView.cellForItemAtIndexPath(indexPath)!
cell.backgroundColor = UIColor.greenColor()
背景颜色正在改变，但是当我向下滚动我的collectionView时，另一个单元格有绿色的背景色，我假设collectionView正在重新绘制，indexPath或其他什么东西会发生一些奇怪的事情，
浏览 5提问于2015-06-09得票数 2
回答已采纳
2回答
举个例子，我想让我的包装器div有一个红色的背景颜色，当其他div被放在里面时，它会填满。
然而，由于它是使用does :auto居中的，并且它里面的div是向左浮动的，所以颜色不会继续向下。如果我删除自动页边距并将其替换为float:left；那么颜色将继续它应该的颜色。
我已经通过保持我的边距自动和使用overflow: hidden来解决这个问题，它允许颜色向下流动。然而，对于我正在工作的这个网站，我需要保持溢出可见。
有没有其他方法可以让它起作用？另外，如果你知道，你能解释为什么溢出隐藏的工作方式。
谢谢
浏览 1提问于2013-06-12得票数 1
回答已采纳
1回答
响应滚动更改导航按钮的外观
、、、、
在我正在建造的一页纸的顶端，
将有一些用于在页面内部导航的navigation buttons。
当button悬停时，它将改变其外观(例如，字体颜色和按钮本身的颜色将切换位置)。
当用户向下滚动到buttons链接到的页面部分时，如何使button以相同的方式更改外观？例如，有一个标记为"Contact“的button链接到页面的"Contact”部分。当用户滚动到页面的该部分时，应该如何将button's字体颜色从(例如)白色更改为蓝色，将背景色从蓝色更改为白色？
已经讨论过这个问题了，但我还不熟悉headroom.js。
浏览 4提问于2017-02-01得票数 0
3回答
我想在Panel.AutoScroll为true时使用相同的功能，但滚动条不可见。
为此，我需要知道如何使用代码中的函数向左/向右、向上/向下滚动。
浏览 1提问于2008-11-04得票数 16
我正在尝试检索当前DataGridCell对象的行索引。我需要它来改变单元格的背景颜色，如果它是一个对角线单元格。
我尝试了两个选项，如下所示，这两个选项都给了我行索引。从本质上讲，我每次上下滚动时都会得到不同颜色的网格。
class CellFormatConverter : IValueConverter
{
public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
{
浏览 2提问于2015-06-06得票数 3
1回答
仅在三个方向上缩放滚动视图
、、、、
我正在做一个样例项目。我有一个滚动视图，其中包含多个视图(在顶部是一个带有帧CGPoint = 0,0的UIImageView，其中包含一个图像)。
我想实现以下功能：
每当我向下滚动时，如果滚动视图的内容偏移量小于0.0f，并且我一直向下滚动，我希望将滚动视图的可见内容缩放/缩放到除向上之外的所有边。
我目前正在用适当的比例缩放滚动视图。但是，问题是滚动视图在所有方向上都在缩放。我只想限制这种向左、向右和向下的缩放(即内容不应该向上移动)。
请建议我如何实现相同的功能。
提前谢谢。
浏览 4提问于2014-04-29得票数 1
有没有办法动态检测页面某一点的背景颜色？我有一个固定标题的网站，它的默认徽标是白色(默认背景是黑色)。然而，当我向下滚动时，有一些部分具有白色背景，因此徽标必须将颜色更改为黑色。基于滚动位置设置它是不可能的，因为所有部分都有不同的高度，并且高度通常取决于内容。
我已经找到了mix-blend-color，但不幸的是，它对跨浏览器的支持相当糟糕。我也尝试了许多npm包，但它们似乎都不能识别背景颜色。
有没有其他方法可以在不获取背景颜色的情况下动态更改徽标颜色？
浏览 3提问于2019-11-13得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
