腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
1
回答
使用css和javascript构建的滚动鼠标的边框动画
javascript
、
html
、
css
、
css-animations
我用HTML、CSS和Javascript构建了一个滚动鼠标。Javascript就是让鼠标点击这个滚动的鼠标,把你带到同一页上的“介绍”部分。其余部分由CSS和HTML处理。 我需要帮助这个滚动鼠标的边界动画。当前,当您将鼠标悬停在滚动鼠标上时,边框和鼠标按钮将从默认的灰色变为白色。我想让这个滚动鼠标的边框变成白色,具有旋转效果,而不是当我将鼠标悬停在滚动鼠标上时一下子全部变白。同样,当我不再将鼠标悬停在滚动的鼠标上时,它应该会变回灰色并具有旋转效果。这种带有边框动画的滚动鼠标是ThemeNectar的Nectar Slider上的默认向下指示器。我正在尝试在没有Nectar Slider
浏览 15
提问于2020-10-11
得票数 0
1
回答
向带有CSS的虚线边框添加闪烁的动画。
css
、
css-animations
、
jquery-animate
、
border
我试着做一个动画的虚线框边框,来回移动,有点闪烁的风格。(就像下面链接中的第三个黄色边框一样。) 然而,这是由JavaScript构建的。我无法将虚线边框更改为虚线样式。 当我寻找一个CSS解决方案,而不是谨慎地移动,我发现大多数情况下有一个平滑的动画。 例如: 如何通过虚线边框实现闪烁效果?
浏览 6
提问于2022-02-24
得票数 0
2
回答
如何在某些像素的滚动后触发css动画
javascript
、
html
、
css
、
animation
、
scroll
我有一个页面,其中有一个部分,其中有三个图像从左到右动画与他们的时间表轻微重叠。 我正在努力使动画开始后,200 to垂直滚动。 实现这一目标的最佳途径是什么?只使用CSS,还是我需要使用javascript?
浏览 4
提问于2014-09-25
得票数 0
回答已采纳
2
回答
调整窗口大小时的图像动画
javascript
、
html
、
css
、
animation
、
onresize
我想知道是否有可能在不同大小之间动画一个标志,就像调整窗口大小时的 因此,当窗口大小调整为较小的窗口时,徽标的动画显示为较小的变体,反之亦然。 我对动画并不真正感兴趣,但更多的是关于如何将窗口大小调整与动画相结合。 我知道有一个javascript onresize事件,并且可以使用javascript来制作一个徽标的动画。 我不知道哪个是最好的动画在JS或CSS。 我试着用html,css和javascript来实现。
浏览 6
提问于2020-06-23
得票数 0
1
回答
面向非游戏开发人员的基于物理的动画
objective-c
、
cocos2d-iphone
、
chipmunk
我使用Objective-C和XCode开发了几个iOS应用程序。我的大多数应用都是儿童互动书籍,完全是用Objective-C编写的,所有的互动动画都是基于UIView的。在我的下一本书中,我想添加一些基于物理的动画。我最好的选择是什么?我从来没有在Cocos2D上工作过,也没有使用过任何其他基于物理的动画引擎。我最近开始阅读基于花鼠物理的动画引擎。我应该使用花栗鼠和Objective-C来实现基于物理的动画吗?还是应该考虑切换到Cocos2D?我目前还没有考虑开发游戏。我将非常感谢你的建议/忠告。 谢谢,拉梅什。
浏览 0
提问于2012-04-06
得票数 0
1
回答
在视口中激活jQuery惰性线条绘制程序
jquery
、
animation
、
svg
、
lazy-loading
、
viewport
我正在构建一个网站,我正在使用javascript和CSS3动画来加载一堆元素,当它们在视口中时。然而,该站点的一部分依赖于jQuery插件lazylinepainter.info -插件本身会自动加载/绘制动画,但动画位于页面下方,所以当用户滚动到该插件时,它已经完成了。 当动画/插件只在视口中时,有什么方法可以激活它吗? 谢谢
浏览 2
提问于2013-12-13
得票数 0
1
回答
渲染性能-图像与css梯度或框阴影与边框?
javascript
、
jquery
、
html
、
css
我有关于网站卷轴,动画表现的问题。最好在您的移动use应用程序或网站中使用: 重复薄图像还是CSS3梯度? 或 用边框重复图像而不是方框阴影? 这不是关于兼容性的问题,我只想知道滚动,元素渲染和动画的性能方面。 由于CSS线性梯度比单纯背景颜色更重的元素渲染。
浏览 2
提问于2014-01-19
得票数 4
2
回答
CSS滚动/翻译一个元素,如果它溢出
html
、
css
、
animation
如果一个元素超出了它的边框大小,它可以选择“滚动”元素吗?也就是说,假设我有一个带有overflow: hidden的div和其中的项目列表,我希望有一个循环动画,它在动画过程中显示列表中的所有项目,“滚动”(translateY?)到底部,然后再回到顶部。下面是我对ascii艺术例子的最好尝试: AAAAAA AAAAAA BBBBBB AAAAAA +------+ +-----
浏览 6
提问于2017-10-16
得票数 2
回答已采纳
3
回答
在页面加载时停止运行CSS转换
html
、
css
编辑:添加了自己的答案,它可以工作。如果有人能改进它,那就太好了! 有没有办法阻止CSS过渡在后台播放/运行?假设在页面的底部有一个CSS动画,但它在页面加载后立即加载,但我们还没有滚动到页面的底部。所以CSS动画从未被看到过!如果能够在没有JavaScript的情况下阻止或触发页面加载时的动画/过渡效果,那就太好了。我不想重复每次用户滚动页面或悬停时的动画。动画应该等待,直到用户滚动并且该部分在屏幕上可见。 我尝试了下面的方法,但是不起作用! HTML <body class="preload"> CSS .preload * { -webkit-trans
浏览 4
提问于2020-08-22
得票数 0
1
回答
如何在javascript中获得不同标准的宽度
javascript
、
html
、
css
我正在努力为自己学习和参考,但我找不到正确的,足够的,没有那么混乱的信息。告诉我如何找出这些..。 假设DOM元素周围都有10 px填充,边框5 px周围,边距30 px周围,内容太长,所以有滚动条。 使用javascript查找宽度..。 一直到边缘。 一直到边境。 内边框填充,并加上垂直滚动条,如果有。 向上填充,如果存在,不包括垂直滚动条。 只有可见的内容。(没有scrollBar,填充,边框,边距,额外内容) 可滚动区域和填充区中可见和隐藏的向上内容 内容可见,隐藏在可滚动的区域,不需要填充 Javascript太不直观了,所以请一劳永逸地说明清楚。
浏览 6
提问于2014-06-17
得票数 0
1
回答
如何使用js移动元素的x/y位置?
javascript
、
html
、
css
? 我添加了一张图片来描述我需要的内容。这里我有一个黄色边框的容器和红色边框的内容,当我单击容器中的按钮时,我想让它向左滚动到1个容器的宽度。 我已经尝试了CSS动画,但它似乎不是我想要的。所以有办法实现我想要的吗? 我在这里写了一个演示:https://codesandbox.io/s/keen-panini-hel36
浏览 98
提问于2020-03-31
得票数 1
回答已采纳
1
回答
当应用转换转换时,td边框消失。
jquery
、
css
、
twitter-bootstrap-3
我正在构建一个具有固定头和固定第一列的表。 通过将translateX/Y转换到滚动事件上,标题和列保持不变。 当页面加载时,顶部行上的边框是可见的,但一旦向下滚动,边框就会消失。 我需要什么CSS才能不让边界消失? 有源的柱塞可以找到。
浏览 4
提问于2017-08-15
得票数 4
回答已采纳
2
回答
js导航栏边框底线和滚动条上的颜色变化
javascript
、
html
、
css
我创建了一个导航栏,它使用js根据滚动改变颜色。我想在滚动属性“瘦”“实心”和白色(#FFFFFF或rbga(255,255,255) )之前添加一条下边框线,但我想我在语法上有问题。其他一切都很好,滚动上的颜色变化,但我找不出底部的边框。我很确定我只是把语法搞错了。 type="text/javascript"> $(document).ready(function(){ $(window).on("scroll",function(){ var wn = $(window).scrollTop(); if(wn >
浏览 1
提问于2017-05-04
得票数 1
1
回答
如何为图像添加幻灯片动画?
javascript
、
jquery
、
css
我正在构建一个Wordpress主题,并使用Envira有一个响应性的画廊。我想添加一些CSS和javascript/jquery,以便在我的三张图片中添加一个动画。当滚动到页面的部分时,我希望它们出现并从底部滑行。下面是我正在寻找的一个例子: 基本上,当你向下滚动时,你会看到这三张图片/幻灯片。我试图谷歌这个,但找不到任何对我有用的代码。因此,目前我没有任何代码来分享这个动画和Envira画廊图片只是添加了一个短代码。有人能帮我指出正确的方向吗? 非常感谢您的支持!
浏览 4
提问于2020-02-19
得票数 0
回答已采纳
2
回答
jQuery动画边框似乎不工作
jquery
、
html
、
css
、
jquery-animate
在下面的代码中,jQuery动画边框似乎不能很好地工作: 有人想办法修好它吗? 我在jQuery网站上看到了这个动画。 不完全支持简写CSS属性(例如字体、背景、边框)。例如,如果要动画呈现的边框宽度,必须预先设置至少一个边框样式和边框宽度,而不是“自动”。或者,如果您想要动画字体大小,您可以使用fontSize或CSS等效的‘字体大小’,而不是简单的‘字体’。 希望有人能帮我。
浏览 10
提问于2012-10-07
得票数 1
回答已采纳
1
回答
Jquery scrollTop动画
javascript
、
jquery
我有一个动画,一旦scrollTop()点击页面上给定的位置,就需要启动它。该部分工作正常,但我希望动画在回滚页面时反转,将元素返回到它原来的位置。 我的示例中的代码运行良好,JS与我在本地工作的站点相同,但在Chrome中,当您在页面上滚动时,元素不会返回到它原来的位置。JQuery是我链接到的唯一Javascript,所以没有冲突,而且CSS中也没有任何东西可以阻止它。说到JQuery,我还是很绿的,所以请容忍我。我在想,也许if/ way语句不是实现这一目标的最佳方式吗?有什么想法吗?
浏览 3
提问于2014-01-02
得票数 0
回答已采纳
2
回答
Javascript -滚动事件停止元素滚动
javascript
、
css
我这里有一支代码笔- 它是一张左右滚动和上下滚动的桌子。 当滚动/向下滚动时,我希望标题是粘性的。 这个简单的javascript是我找到的最好的方法。 标题的底部有一个边框,当内容滚动时,边框应该是粘性的。 我以为我可以在滚动时在javascriot中设置css的边框,但它似乎破坏了滚动。 有谁能看到为什么边界卷轴和它的顶部滚动。 document.getElementById('table').addEventListener("scroll", function () { var translate = "translate(0,"
浏览 0
提问于2018-04-05
得票数 0
回答已采纳
3
回答
使用Javascript或CSS3制作动画?
javascript
、
jquery
、
performance
、
css
、
animation
我一直想知道哪个动画在性能上更好-- Javascript还是CSS3。在此页面上,您可以对GSAP、jQuery和CSS3进行比较: 向下滚动到性能比较。现在我的问题是: CSS3迟早会比Javascript更快吗?那么我们应该用CSS3还是仍然用Javascript来编写动画呢? 更新:另一个网站: 目前看来,GSAP在大多数方面都比CSS3快,但在3D转换中,CSS3更快。 现在的问题仍然是: CSS3会比GSAP(或其他类似的框架)更快吗?
浏览 2
提问于2014-09-24
得票数 7
2
回答
加载大量数据/内容时,网站滚动速度较慢
javascript
、
jquery
、
html
、
angularjs
、
scroll
当在我的网站上加载大量的数据,如图片和画廊,滑块和数据,以及动画,它会导致页面滚动变慢。当我尝试通过箭头键滚动页面时,滚动几乎为零,并且它们之间存在滞后。所有的javascript文件和css都是从cdn链接加载的。有没有什么特别的原因导致滚动变慢。我用过AngularJS。
浏览 3
提问于2016-04-21
得票数 2
2
回答
javascript窗口滚动问题
javascript
、
jquery
我正在编写javascript卷轴。我有以下html代码 <div class="wrapper"> <div class="red div current"></div> <div class="blue div"></div> <div class="green div"></div> <div class="yellow div"></div> </div>
浏览 3
提问于2013-10-05
得票数 0
1
回答
只有当高度为零时,WPF才开始执行故事板。
wpf
、
storyboard
、
wpf-controls
、
routed-events
对于使用路由事件的边框触发器,我有以下XAML <Border.Triggers> <EventTrigger RoutedEvent="MouseLeftButtonUp" EnterActions=""> <BeginStoryboard> <Storyboard> <ObjectAnimationUsingKeyFrames BeginTime="0" Duration="0:0:0.4" S
浏览 0
提问于2015-06-15
得票数 2
回答已采纳
2
回答
你能使用JavaScript“强制”CSS关键帧动画到它的最后状态吗?
javascript
、
css
、
animation
、
keyframe
我有由滚动行为触发的CSS关键帧动画。如果用户滚动得太快,我希望能够使用JavaScript将一些动画发送到他们的“完成/最终”状态,因为动画是相互建立的。 假设我有一个3000 Is的动画,我决定在1500 Is之后完成它--它能迫使这个CSS关键帧动画使用JS提前完成吗? ** PS --我是,而不是,它讨论的是使用前向填充模式持久化最后帧的属性。 谢谢!
浏览 3
提问于2014-05-09
得票数 2
回答已采纳
3
回答
将css边框淡出为不可见?
javascript
、
extjs
、
css
是否有可能淡出元素的边框?需要澄清的是,这需要从javascript触发,而使用jquery之类的东西来制作动画是不可行的。我们使用的是sencha,但是看起来你只能用extjs来改变元素的大小和位置。我知道css3有一些方便的动画,但我找不到任何与我的需求类似的东西。
浏览 0
提问于2011-10-13
得票数 6
回答已采纳
1
回答
如何使用css3实现这一点?
css
、
animation
、
css-transitions
、
transform
、
translate
我想要这个动画在我的fontAwesome图标的边框。我试了很多次,但都失败了。 这是动画。
浏览 1
提问于2015-10-21
得票数 0
回答已采纳
2
回答
更改CSS中的文件夹字体颜色
css
、
gtk
我正在努力调整一个主题,以更好地适应我喜欢的Linux Mint14 w/Nemo。我只想改变文件夹中图标的字体颜色。控制它的代码是: GtkWindow { color: @fg_color; } 但是,如果我将@fg_color更改为#FFFFFF,它会更改图标的文本颜色、菜单栏文本和所有窗口的边框。我想保留边框默认的颜色,只需更改字体颜色。我试着加了一句: text-color: #FFFFFF 和 color-text: #FFFFFF 但没有结果。我能做到这一点吗? 编辑也许我没有在这上面解释我自己。下面是一张图片: --如果您注意到,左侧窗格中的文本颜色是白色,并且注意到该
浏览 2
提问于2013-11-03
得票数 0
1
回答
滚动锁定的CSS/JS动画
javascript
、
jquery
、
html
、
css
、
svg
我试图用HTML、CSS和javascript来再现这种动画(如果需要的话,也可以使用jQuery)。 基本上,有多个svg或png层的内容和透明的区域。向下滚动时,图层通过动画化transform:translateZ rotate;属性看上去更近。在各层之间,有名字。 下面是我想象的HTML的样子 <body> <div class="layer"></div> <div class="name"></div> <div class="name">
浏览 1
提问于2017-10-22
得票数 2
回答已采纳
1
回答
寻找JavaScript设计建议-使用ajax滚动几天
javascript
我已经在JavaScript工作了2个月了,但是通过修改现有代码,我已经取得了很大的进步。现在,我想实现我在下面的图像中描述的一个特定功能: 我希望这个函数对页面的其余部分进行阴影,并专注于滚动。我希望能够点击箭头和滚动的日子,并看到他们滑动左或右,因为他们淡出屏幕。 我想我可以找到数据结构来保存数据,而php来获取数据,但是我不知道从哪里开始动画。 问题: 如何搜索具有类似功能的现有JavaScript?我的搜索没有任何结果,我相信一定有一种有效的方法来找到有用的代码。 有人对这样的功能有什么建议吗?也许类似的东西我可以改变。 如果我需要从头开始构建这个程序,那么我需要
浏览 3
提问于2015-08-05
得票数 0
回答已采纳
1
回答
jQuery滑块中的边框-半径问题
jquery
、
html
、
css
我在内容幻灯片中有一个问题,当我滚动(通过单击1,2,3,4,5-NAV)时,内容不能正确显示在角落中。我使用了边框半径CSS,但它在动画过程中不起作用。 请看这里:
浏览 0
提问于2012-04-11
得票数 0
回答已采纳
1
回答
jquery:向下滚动和向上滚动的动画条形图
javascript
、
jquery
、
jquery-animate
我试图动画的滚动技能条,我得到了工作,但现在我试着更进一步,并把动画下来时,你滚动回来。 因此,滚动到330条将动画到每一个div宽度,现在我想在滚动,以动画回到0宽度。 联署材料: > $(document).ready(function(){ $(document).scroll(function() { var top > = $(document).scrollTop(); console.log(top); > if (top > 330) { > $("#html, #css").animate({width:&
浏览 2
提问于2013-10-18
得票数 0
1
回答
滚动浏览富媒体网页最流畅的方式是什么?
javascript
、
jquery
、
html
、
css
、
browser
我正在制作一个网页包含几个JavaScript幻灯片,CSS,动画菜单和CSS过渡动画负载,而且我的页面高度在iPad上很长。我有一个导航菜单,当用户单击它时,它将滚动到页面上的特定位置,使用: var $viewport = $('html:not(:animated),body:not(:animated)'); $viewport.animate({scrollTop: dest}, 2000, function(){menu_scrolling=false;}); 我的网页在我的macbook pro上可以像丝绸一样平滑地滚动,在火狐、Chrome和safari
浏览 0
提问于2012-11-24
得票数 1
1
回答
CSS 3动画固定位置侧边栏
css
、
animation
、
transition
、
fixed
、
sidebar
我想知道是否有一种方法可以达到类似Coyier的效果:使用CSS3动画? 我有一个侧边栏,它将页面向下滚动为用户滚动(简单地使用固定位置div),但我希望将该侧边栏动画化,以便在用户向下滚动时向下弹出和/或播放追赶页面。 看看克里斯的,看看我在说什么。 我想知道的主要问题是,是否可以使用(只使用CSS3和no javascript )来实现这一效果。 提前感谢您的帮助!
浏览 2
提问于2012-10-30
得票数 1
回答已采纳
1
回答
用于固定导航的Javascript if-语句
javascript
、
if-statement
、
navigationbar
一段时间前,我试图弄清楚如何创建一个固定的导航条,使其平滑地动画以适应用户的显示宽度。例如,我的导航栏是在我的页面中间,它不适合网页的宽度。我想让它做的是,当用户滚动通过它,它坚持到他们的浏览器顶部,并播放一个很好,平滑的动画,适合页面的宽度。 我已经完成了这样的工作:当用户滚动通过它时,它就会产生动画效果,但是我也希望它在回滚到页面顶部的时候反向播放相同的动画。目前,当用户滚动回滚时,导航栏会立即恢复正常,而不需要播放动画。 我想这里需要一份声明。例如,if语句将检查用户是否已经向下滚动到超过218个像素(这是我为固定导航条设置的值),如果是,当用户滚动回滚时,它将删除播放前向动画的Java
浏览 4
提问于2016-05-24
得票数 0
2
回答
为什么这个<div>悬停在其他一切之上,以及如何解决这个问题?
jquery
、
css
、
position
、
css-position
有一个div .background-image-div (包含一个持有全屏背景图像的span )和position:fixed,所以它不与页面内容一起滚动。 页面内容的其余部分将在背景图像的顶部悬停/堆叠。我所附的图片显示了问题和我应用于HTML不同元素的位置。 关于问题的一些解释: 问题/我的问题可分为两类: 包含动画文本的ul div 和其他内容(图片中橙色的)应该在flow中。 所谓"in the flow",我的意思是它们应该出现在标记中编码的位置,即在蓝色边框ul之后的橙色边框div。但是正在发生的事情是蓝色边框的ul是"out of flo
浏览 2
提问于2015-03-30
得票数 1
回答已采纳
1
回答
按钮加载指示器边框动画
css
我希望在等待异步调用完成时为按钮设置动画。禁用按钮并在中间或旁边放置一个微调器显然是有效的,但最近感觉有点无聊。我认为在循环中有一个小的边框动画会很好。类似于 https://codepen.io/sarath-ar/pen/dMKxxM 具体地说,就是他们演示的第三个按钮。它在悬停时可以很好地填充边框,但我想象的是,在它填充边框之后,它会在相同的方向上取消边框颜色。如果你愿意,它会“追逐”另一个动画。 我在摆弄他们的css,但我似乎想不出如何循环边框动画(我确实成功地反转了动画),但由于:before和:after,我正在努力地循环它。 所以我猜主要的问题是,当一个动画依赖于css选择器:
浏览 15
提问于2019-02-27
得票数 3
回答已采纳
2
回答
删除HTML画布边框
html
、
css
我正在使用交互式动画定制我的主页,但在页面中让它看起来更无趣却遇到了麻烦。我想删除动画画布对象的边框,因为这会创建不必要的滚动条。我尝试过各种样式选项,比如border和padding,但都没有成功。动画是一个,然后被到javascript。index.html为: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>geotheory.co.uk</title> <st
浏览 1
提问于2012-12-26
得票数 1
回答已采纳
1
回答
浏览器还会动画显示不可见的内容吗?
performance
、
css
当页面包含折叠下的CSS3动画,或者当用户向下滚动时隐藏的动画,您应该使用Javascript应用一个类来停止动画,还是浏览器不动画不可见的元素?
浏览 2
提问于2015-02-07
得票数 0
45
回答
如何暂时禁用滚动?
javascript
、
jquery
、
scroll
我正在使用scrollTo jQuery插件,想知道是否可以通过Javascript暂时禁用窗口元素上的滚动?我想禁用滚动的原因是,当你在scrollTo动画中滚动时,它会变得非常丑陋;) 当然,我可以执行$("body").css("overflow", "hidden");,然后在动画停止时将其恢复为自动,但如果滚动条仍然可见但处于非活动状态,效果会更好。
浏览 0
提问于2011-01-23
得票数 500
回答已采纳
4
回答
如何在scroll上为事物设置动画?
javascript
、
jquery
、
html
、
css
、
animation
themeforest上的这个有整洁的动画,例如当用户向下滚动时显示文本,或者使图标从侧面出现。 我猜CSS3和JavaScript可能会用到jQuery或一个专门做动画的框架,但我不知道从哪里开始学习如何实现这些类型的动画。 我该从哪里开始呢?
浏览 0
提问于2017-07-14
得票数 0
1
回答
如何创建响应水平鼠标运动的CSS动画?
javascript
、
jquery
、
css
、
css-animations
当用户水平移动鼠标时,我需要应用CSS动画。 这是一幅描述我正在努力达到的目标的图片: 我很乐意使用JQuery或JavaScript作为解决方案。
浏览 2
提问于2016-02-10
得票数 0
回答已采纳
1
回答
只滚动CSS或Wordpress插件时动画
html
、
css
、
wordpress
我有一个项目,我被卡住了;我想在用户滚动(文字/徽标上的动画)时制作一个动画。 我没有从谷歌那里找到任何有用的方法。有谁能提供一个Fiddle或codepen的滚动动画 P.S: (只有/CSS,没有jquery/javascript,但我仍然可以使用wordpress插件,这个网站是用wordpress制作的)。 是网站:/如您所见,我已经制作了一个动画(3秒),但是当页面加载时。你往下滚动的时候我要把它装上。
浏览 3
提问于2016-09-09
得票数 0
2
回答
使用css自定义单选按钮
css
、
radio-button
我一直在尝试自定义默认的单选按钮,使其看起来类似于on/off按钮。 我已经为on和off状态创建了一个使用2个图像(使用javascript)的图像,但是在这两个状态之间没有用于转换的动画。 是否有一种使用纯css(+动画)实现这一目标的方法? 我需要这样的纽扣-
浏览 2
提问于2016-09-15
得票数 0
回答已采纳
1
回答
Jquery在滚动时使用css动画会引起抖动。
jquery
、
animation
、
scroll
、
throttling
编辑:问题是使用javascript动画代替CSS转换。现在,代码页显示了一个工作示例,其中JS只用于翻译元素,CSS用于动画! 我正试图达到我在这个网站上看到的某种效果:。 它们在具有固定高度的主体元素中使用固定的定位主部分(以生成滚动条)。滚动后,它们将主元素中的所有元素按比例转换为$(window).scrollTop()。他们使用动画来平滑这种效果。 我一直在尝试重新创建这个效果,但是我的代码会在几个滚动之后产生一种紧张的体验。(有关示例,请参见 )。 生成大量动画(在本例中使用jquery插件来动画转换属性)似乎就是造成这个问题的原因。我已经尝试过使用节流来限制触发器的数量,
浏览 1
提问于2016-10-28
得票数 0
回答已采纳
2
回答
更改div的类,但不更改其中的跨度
javascript
、
jquery
、
html
、
rollover
我有一个带灰色边框的<div>,我正在使用它作为按钮。 当我将鼠标悬停在边框上时,我使用jQuery将边框颜色更改为黑色(通过更改mouseover上的css类)。在<div>中,还有一个带有my button文本的<span>。 麻烦的是,当我滚动到选取css类的文本时,也会更改信息,然后我的文本就会有一个黑色边框。 我想知道javascript或jQuery是否有办法忽略<span>文本,并将其视为不存在。 我只想改变按钮的边框颜色,而不是给我的文本添加边框。 感谢任何人的帮助!
浏览 2
提问于2011-08-03
得票数 0
4
回答
在Safari for Lion (OS X 10.7)中设置滚动条颜色
css
、
macos
、
safari
、
osx-lion
Lion中的新滚动条似乎会根据body元素的背景颜色在Safari中调整它们的颜色。有没有办法手动设置滚动条是深色还是浅色?我知道有webkit CSS选项来设置滚动条的样式,这实际上早于新的Lion滚动条。我使用这种方法的唯一问题是,这个条不再像真正的Lion条那样工作,滚动停止后它就会淡出。虽然我认为这可以使用CSS动画和javascript来识别滚动的开始和结束,但使用真正的滚动条来识别所有的"hackery“会更好。
浏览 3
提问于2011-07-29
得票数 4
2
回答
根据屏幕上的位置设置指向<li>的箭头动画
javascript
、
jquery
、
html
、
css
、
twitter-bootstrap
我不太熟悉html、css和javascript。 我想要实现的示例位于: 我用<ul> <li>做到了这一点,然而,我也希望当用户在页面中上下滚动时,从一个<li>到下一个<li>的箭头移动具有动画效果。我设法找出了<ul> <li>的代码,但不知道如何使运动生动起来……谁能帮我指出具体的动画部分,或者推荐一些javascript或css库?可能我也错过了twitter-bootstrap元素,但是到目前为止我还没有找到任何元素……谢谢! 编辑: 然而,我在jsfiddler中的代码似乎不能在jsfiddler中工作:
浏览 2
提问于2013-08-08
得票数 3
1
回答
在移动应用程序的Javascript中动态加载图像而不会阻塞UI?
javascript
、
iphone
、
html
、
css
、
mobile
因此,我尝试在用户滚动时动态加载javascript中的图像。整个应用程序是离线的,并且是用HTML和javascript编写的。“滚动”行为是通过CSS3动画完成的。 问题是,当我设置image.src = "foo.png“时,它会阻塞UI,直到图像加载完毕。有什么办法可以解决这个问题吗?
浏览 0
提问于2011-08-16
得票数 3
回答已采纳
1
回答
javascript中快速的UIWebView“冻结”动画
javascript
、
ios
、
swift
、
uiwebview
需要你的帮助。我有UIWebView与本地内容(html,css,javascript)一起工作。都表现得很好。但是,当用户滚动内容动画是“冻结”。滚动结束后继续工作。非常感谢。
浏览 1
提问于2016-01-29
得票数 0
回答已采纳
2
回答
CSS在滚动时会发生变化,但会随着滚动速度的变化而变化
javascript
、
jquery
、
css
、
animation
、
scroll
我想做通常的“滚动时改变标题”。现在"change“动画是纯CSS3动画,这意味着动画可以自己运行,但我希望它与滚动的速度同时运行。 现在: <script type="text/javascript"> $(document).on("scroll",function(){ if($(document).scrollTop()>100){ $("#header").removeClass("large").addClass("small")
浏览 8
提问于2014-12-17
得票数 3
1
回答
HTML iframe在动画过程中显示滚动条,然后消失。CSS overflow属性设置为hidden
css
、
animation
、
iframe
、
scrollbar
、
overflow
我正在构建一个Chrome扩展,当激活时,它会在屏幕上插入一个iframe。我已经将CSS属性设置为hidden。滚动条在动画过程中显示(双向),并在动画后立即消失。 动画将从浏览器窗口的底部边缘将iframe擦除或滚动到屏幕上。 我知道无缝属性是从HTML5的iframes中删除的。 如何防止在动画过程中显示滚动条?
浏览 19
提问于2020-02-14
得票数 0
回答已采纳
1
回答
如何使GIF动画仅在滚动?
jquery
、
scroll
、
gif
、
animated-gif
我正在构建一个Wordpress网站,其中包含了一个动画GIF,我试图让GIF只有在用户滚动时才有动画。 这个页面基本上已经准备好了-- ,- but,如果它只是在窗口滚动上动画的话,GIF会工作得更好。 我只是在想,有没有人会想到用jQuery或CSS3来解决这个问题呢?不寻找GIF去做任何事情,除非用户正在滚动,否则不要动。 我用来在滚动轴上移动GIF位置的插件叫做Skrollr 感谢您的阅读!
浏览 0
提问于2015-05-31
得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
一一盘点那些前端常用的网站插件
那些前端常用的网站插件
前端常用类库资源
2019年值得收藏的15个JavaScript和CSS动画库
2019年 值得收藏的 15个JavaScript和CSS 动画库
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券