如何在滚动窗口时转到另一个带有动画的页面？
在滚动窗口时转到另一个带有动画的页面，可以通过以下步骤实现：
- 监听滚动事件：使用JavaScript代码监听滚动事件，可以通过
window对象的scroll事件来实现。当滚动事件触发时，执行相应的代码。 - 获取滚动位置：在滚动事件的处理函数中，使用
window对象的scrollY属性获取当前滚动的垂直位置。根据需要，可以使用scrollX属性获取水平位置。 - 判断滚动位置：根据滚动位置的阈值，判断是否触发页面切换。可以使用条件语句来判断当前滚动位置是否满足切换条件。
- 切换页面：当滚动位置满足切换条件时，执行页面切换的动画效果。可以使用CSS动画、JavaScript动画库或自定义动画函数来实现页面切换的动画效果。
- 更新滚动位置：在页面切换完成后，更新滚动位置，使滚动窗口显示切换后的页面。可以使用
window对象的scrollTo方法或其他滚动库来实现平滑滚动效果。
以下是一个示例代码，演示如何在滚动窗口时转到另一个带有动画的页面：
<!DOCTYPE html>
<html>
<head>
<style>
/* CSS样式用于页面切换的动画效果 */
.page {
height: 100vh;
width: 100vw;
position: relative;
transition: transform 0.5s ease-in-out;
}
.page.active {
transform: translateY(0);
}
.page.inactive {
transform: translateY(100%);
}
</style>
</head>
<body>
<div class="page active">
<!-- 第一个页面内容 -->
</div>
<div class="page inactive">
<!-- 第二个页面内容 -->
</div>
<script>
// 监听滚动事件
window.addEventListener('scroll', function() {
// 获取滚动位置
var scrollPosition = window.scrollY;
// 判断滚动位置
if (scrollPosition > 500) {
// 切换页面
document.querySelector('.page.active').classList.remove('active');
document.querySelector('.page.inactive').classList.add('active');
// 更新滚动位置
window.scrollTo(0, 0);
}
});
</script>
</body>
</html>在上述示例代码中，通过监听滚动事件，当滚动位置超过500像素时，切换页面的动画效果会触发。第一个页面的类名为active，第二个页面的类名为inactive，通过添加和移除这些类名来实现页面切换的动画效果。页面切换后，滚动位置会被更新为顶部，以实现平滑滚动效果。
请注意，以上示例代码仅为演示如何实现滚动窗口转到另一个带有动画的页面，并不涉及具体的云计算技术或产品。具体的实现方式和相关产品选择，可以根据实际需求和技术栈来确定。
相关·内容
1回答
这个问题比标题所能描述的要复杂一些。我正在试着做这样的东西：
有一个带有内容部分的页面布局。每个部分为100vh，其中一些更高。当用户向下滚动或滑动动画时，会滑到下一个部分。当用户在较高的区段中自由滚动时，除非在区段的边界处，否则会出现动画。
我想出了一个想法，浏览器的滚动条应该是某种控制器，这意味着它应该指示一个位置值，该值将由JS转换为适当的动画。我已经创建了一个固定定位的容器，将页面主体上的部分设置为总部分的高度，以便滚动条显示正确的值。
问题是，我不希望滚动条可见，因为它在拖动时会产生一些矛盾。此外，还会有一些内容从侧面滑入，并带有自己的滚动条。我想我可以通过一些技巧来隐藏滚动条，如果
浏览 3提问于2016-07-17得票数 0
1回答
当用户滚动页面时，我希望降低高度为400 to和宽度为500 to的div (带有类标题)的滚动速度。
$(window).scroll(function(){
$(caption)...
});
我试过在窗口滚动中使用jquery动画，但没有让它工作。
有什么办法能让这事发生吗
浏览 3提问于2014-12-10得票数 2
1回答
请检查一下我做了什么，。
关于动画我想要实现的是：
当您第一次向下滚动页面，然后窗口滚动到#绿色 DIV。在此之后，如果您再次向下滚动窗口，滚动到#黄色 DIV &在滚动时相同(fom #到#green)。
关于这个问题的：，您可以看到它粘在#绿色 DIV上的动画。
$(window).scroll(function(){
if($(this).scrollTop() > 0) {
$("html, body").animate({ scrollTop: $('#green').offset().top }, 1000);
浏览 2提问于2013-01-01得票数 2
回答已采纳
我在div元素中有一个链接列表，当单击一个链接时，我使用dropcontent.js将内容加载到另一个div中。我现在想添加一些代码，滚动点击的链接到浏览器窗口的顶部。
对于列表中的每个项目，HTML如下所示：
<div class="work">
<h3><a class="scroll" href="project2.html">Project 2</a></h3>
<div class="projectIntro">
&l
浏览 1提问于2011-12-02得票数 3
回答已采纳
2回答
当用户向下滚动时，我有从屏幕的左边和右边出现的图像。
使用divPosition = $('div').offset().top;获取包含元素i的位置，从scrollValue = $(document).scrollTop();中减去值，并将该值应用到绝对定位图像上的位置。
包含div的偏移量是在刷新和调整大小时计算的。在不调整窗口大小的情况下，x=scrollValue - divPosition在刷新时会根据页面滚动的范围而变化。我想要保持一致。有没有更好的方法让这种类型的动画工作。
例如，是否可以使用垂直滚动作为带有路径点的x值来触发动画？
window.onr
浏览 2提问于2013-10-01得票数 0
回答已采纳
2回答
->当站点向下滚动时，这是我想要的一个元素上的完美动画。
我不能创造这种效果。
设置带有动画的滚动的顶部值将破坏站点：
$('div').animate({
top : ((div_top)-$(this).scrollTop())
},{queue:false, duration: 900})
这是我使用动画的例子。当页面滚动，动画有一个“硬停止”，它是不光滑的
在男孩-coy.com效应中，它比我的好100倍。
有什么想法吗？
(对不起我的英语)
浏览 3提问于2014-03-13得票数 1
回答已采纳
我在主窗口上绘制了一个由NSTimer触发的OpenGL动画。如果我打开一个带有可滚动UITableView菜单的弹出窗口，则在滚动过程中动画会冻结。一旦滚动动画停止，计时器回调就会再次开始。只有当用户主动尝试滚动时，主窗口才会停止更新。
苹果的滚动动画似乎以某种方式阻止了主循环上的调度。这是真的吗?有没有办法解决它？
如果我能帮上忙的话，我真的不想引入多线程，因为这会成倍增加代码的复杂度。
此外，我尝试使用CADisplayLink而不是NSTimer，滚动动画也阻止了显示链接调用。
浏览 4提问于2013-03-14得票数 0
我试图实现的是，当用户使用鼠标滚轮滚动页面时(因为没有滚动条)，页面会随着动画向下滑动到页面的下一部分，而当动画正在播放时，鼠标滚轮不会工作(整理东西，这是一个很好的行为)。
我想要的行为可以在或中看到。
我在谷歌的收件箱网站上喜欢的一件事是，它与触摸屏设备及其滚动机制具有相同的效果。
我只需要一些关于在这种滚动中发生的事件以及如何管理它们的指针(特别是，我希望通过触摸设备实现相同的功能)。
浏览 0提问于2014-12-13得票数 4
2回答
我有一个主页，其中只显示了一些徽标和etxt和一个div点击它滚动到另一个页面。
现在我已经完成了滚动的动画部分。我需要的是，当有人点击“找到你的心”时，导航div必须是淡出效果。我尝试了窗口方法，并采取滚动位置，但没有任何工作。
浏览 0提问于2013-06-24得票数 0
回答已采纳
1回答
平滑向下滚动并隐藏滚动条
、、、、
我有一个页面，上面有两个div(#page1和#page2 )，它们正好是浏览器窗口的大小(由jQuery计算)。当我点击带有id: name的div时，我希望页面平滑地向下滚动到#page2。这一切都很好。
但现在我想隐藏滚动条并阻止用户滚动。因此，用户可以转到该页面的唯一方法是单击#name div。但是当我尝试将正文设置为overflow: hidden时，页面将不再滚动到#page2。只有当我拿出动画并且只使用scrollIntoView的时候。然后跳转到#page2。下面是我的代码：
$('#name').click(function() {
//$('
浏览 0提问于2013-04-13得票数 0
回答已采纳
我正在尝试添加animated.css ()的动画。但是当我将动画类和我想要的效果添加到我的页面图像和其他元素上时，动画就会立即在页面上的任何地方同时加载完成。我甚至看不出他们有什么作用。太快了。
我知道这可以用jQuery来完成。
基本上，我想要的是，只有当用户滚动窗口时，才能一个接一个地制作动画功能。因此，只有当前在其动画屏幕上可见的元素才能发挥作用，当用户滚动窗口时，rest动画将发挥作用。
浏览 2提问于2014-06-10得票数 0
回答已采纳
我已经用ScrollMgic创建了一个简单的动画:一个水平滚动页面时旋转的窗口。问题是，当滚动窗口页面时，动画看起来很平滑，而当只滚动元素所在的div时，动画非常“急速”。我想隐藏窗口滚动，只留下div滚动，保持动画平滑。有人知道为什么和如何解决这个问题吗？谢谢!
html代码：
HTML
<div class="scrollcontainer">
<div id="scrolldiv" class="scrolldiv">
<div class="weel"&
浏览 21提问于2018-09-10得票数 0
3回答
在我的页面顶部有我的标题和导航，当我向下滚动页面时，标题不在可见的窗口中，我想用一个按钮滑下(从顶部)另一个DIV (然后固定在顶部并始终可见)。
如果用户滚动回到我的页面顶部，标题就会出现在可见窗口中，我固定的带有按钮的DIV必须消失。
浏览 1提问于2016-07-09得票数 0
我希望在窗口滚动且元素进入可见区域时触发动画，而不是使用单击事件或按钮来触发 click me , stackblitz address 动画是在当前页面加载时触发的，如何使卡片在滚动到可见区域时触发动画
浏览 37提问于2021-06-30得票数 0
1回答
我正在创建一个应用程序，通过使用Html2canvas库对身体进行截图。截图后，我使用fabricJS框架将其显示在画布组件中。此画布将具有与主体相同的高度和宽度。我的问题是，我需要滚动画布，就像我在页面中一样。我已经尝试了一些像这样的代码，但它实际上添加了一个滚动到包含我的画布的div，但我需要使用与窗口相同的div，否则我将有两个滚动条。
这是我画布上的代码
<div style="height: 100%; width: 100%" id="canvasContainer">
<canvas id="fbcanvas
浏览 3提问于2015-07-25得票数 0
1回答
这似乎是一个奇怪的问题，但我需要知道是否有可能劫持窗口滚动条，这样当用户滚动它时，它就不会滚动页面。我想写一些js，当用户滚动窗口滚动条时，它会滚动div。我可以编写js来检测滚动和多少动画div等，但不确定如何劫持窗口滚动条，并停止它滚动窗口，这是可能的吗？
浏览 1提问于2011-02-15得票数 0
回答已采纳
1回答
我向UIScrollView添加了一个UIPageControl，并希望基于与该控件的交互性启用页面更改。
我正在scrollViewDidScroll委托方法中更新页面控件的currentPage属性。不幸的是，当以编程方式滚动时，我必须禁用此功能，因为它会使页面控件闪烁。(我处理这个问题是不是不正确？)
因为UIScrollView没有带有完成回调的setContentOffset: animated:，所以我需要用UIView动画来模拟它的速度。速度是在某个地方定义的，还是我应该只测量它？
我如何计算我的持续时间应该是多少，才能使动画与[(UIScrollView) setContent
浏览 2提问于2014-03-15得票数 0
3回答
我是Jquery的新手。我希望我的Wow.js动画可以运行不止一次。例如:我滚动到我页面的底部，看到所有的动画，如果我滚动回到顶部，我会再次看到动画，就像你向下滚动一样。我希望我已经解释清楚了。我已经看到许多网站在他们的页面上重复动画，但不幸的是，我不记得他们，我不能提供一个链接。
我已经尝试过了：
$(window).scroll(function(){
new WOW().init();
}
但如果你稍微滚动一下，它也会重复动画，而且看起来很难看。我试着更好地解释:我有一个我的动画，如果它是焦点，动画被触发，然后我向下滚动到另一个div，前一个div不再可见(不在窗口视口中)，然后
浏览 0提问于2015-10-17得票数 6
回答已采纳
我使用Fancybox 3的Ajax类型将页面的特定部分加载到Fancybox窗口中，该窗口在带有按钮的页面上打开。 <a id="fancybox-link" data-fancybox data-type="ajax" data-src="/thePage.jsp .page" href="javascript:;">New Fancybox Link</a> Fancybox会正确加载，相应的内容也会加载到Fancybox中，但是一旦Fancybox打开并完成动画，Fancybox的内容就会自动滚
浏览 14提问于2019-05-03得票数 1
回答已采纳
1回答
我的页面有一个顶部带有徽标的水平顶部菜单栏。因为有了这个徽标，访问者会稍微向下滚动。使用菜单时，我不想让页面烦人地跳到顶部。
当访问者仅在整个页面中单击另一个顶部菜单按钮时，我如何才能保持窗口滚动位置？
浏览 0提问于2011-06-25得票数 0
我试着让一个页面成为一个幻灯片，每个部分都显示为幻灯片。HTML是4个部分的元素，每个IDed作为大约，about2等等。我使用jQuery使它们在加载时获得窗口高度。在向下滚动时，我激活了这个函数，这个函数从一个幻灯片转到另一个幻灯片。
它在第一张幻灯片上运行得很好，但随后就粘在上面了。如果我重新加载页面并在那个位置重新加载，它会一直工作到下一张幻灯片，在那里它再次被卡住。
从这个值来看，我可以看到激活下一个动画的条件(例如，动画到#约3)，但是它拒绝移动(滚动时总是将动画移动到#2左右)。
我在这里做错什么了吗？
function scrollDown(){
$height = w
浏览 1提问于2016-02-05得票数 0
回答已采纳
1回答
滚动动画会破坏页面上的链接
、、、、
我用另一个滚动动画替换了我的一页网站的滚动动画，当您使用topbar (它是在基础中构建的)时，它改变了URL。
当我单击顶部栏中的项目时，URL就会发生变化，而我页面上的所有其他链接或可单击的元素都会使其回滚到页面的顶部。
例如，当我试图单击滑块的下一个/prev按钮时，它会滚动回页面的顶部，就好像我单击了Home一样。
有人能看到动画的代码有什么问题吗？
$(document).ready(function () {
$('a[href^="#"]').click(function () {
var target = $(this.h
浏览 1提问于2016-02-10得票数 2
回答已采纳
2回答
我有两个计算clientHeight的变量，除以2和加44。它目前正在按预期工作，除非窗口被调整大小，页面需要刷新才能重新计算clientHeight。一旦它被刷新，它将正确地重新定位div。如何重新计算每个窗口大小的clientHeight，这样页面就不需要刷新才能再次运行脚本并获取新的高度？
这是一个动画的一部分，动画基于滚动位置。当您向下滚动页面时，div将显示动画。
var triggerOffset = document.documentElement.clientHeight / 2 + 44;
var cardHeight = $('#card').outerHe
浏览 2提问于2019-02-01得票数 2
回答已采纳
我试图在我的网站上创建平滑的页面转换，这样当用户点击另一个页面的链接时，就不会感觉到“页面加载”了。我想要的两个例子是和。当您单击这些站点的任何页面上的另一篇文章的链接时，该页面会在下一页开始加载之前将滚动框动画到顶部。
到目前为止，我有以下代码：
jQuery(document).ready(function($){
$back_to_top = $('.link-to-article');
$back_to_top.on('click', function(){
$("html, body").animate({scrol
浏览 5提问于2015-04-23得票数 0
回答已采纳
当我在页面中展开元素时，我想要做的是向下滚动窗口。
我试图达到的效果就像Stack Overflow注释。如果展开到页面之外，它会向下滚动以适合窗口中的所有注释。
做这件事的最好方法是什么？
编辑:我正在使用JQuery。
浏览 0提问于2008-10-29得票数 0
回答已采纳
1回答
当我将fire-fox窗口的宽度改为较薄时，位于页面顶部的标签部分将消失。如何改变这一点，使它们保持在页面上，无条件地显示？我将使用位于浏览器窗口底部的滚动条向右滚动页面。我在APEX 4.2.5中使用主题黄玉4。oracle XE 11.2.0.2。
浏览 0提问于2014-09-04得票数 1
1回答
带有数据报警器的ADF弹出窗口
、、、、
我对ADF中的弹出窗口和日期选择器有问题。我有一个带有一个页面的任务流，在这个页面中，我调用另一个任务流(使用一个对话框弹出)。
当我选择一个日期输入字段时，“日历”会出现在带有滚动框的弹出窗口中(日历比弹出窗口大)。弹出窗口的宽度为800 and，高度为250 and。
一种解决方案是增加窗口的大小，但不是我的首选选项。
浏览 1提问于2014-12-10得票数 0
回答已采纳
从昨天开始，视觉工作室开始滚动通过正常的窗口。就好像在另一个窗口之上有一个基本界面窗口。我不知道这是一个bug，还是我错误地用热键激活了它。每次我向下滚动时都会发生这种情况。
浏览 0提问于2020-08-13得票数 0
我试图设计一个网站使用角度8与路由器动画。我已经导入了BrowserAnimationsModule，我确实看到动画在某种程度上起作用了。
我还使用了scrollPositionRestoration的角路由器，以确保当用户点击一个链接看到一个新的页面，新页面的顶部，而不是前面的滚动位置。
但是，当路由器将一个新组件加载到视图中时，它会在应用路由器动画时突然将整个窗口滚动到最上面。我试着禁用scrollPositionRestoration属性，这确实消除了恼人的滚动，但是我的新页面是在前面的滚动位置加载的，而不是顶部。
这里有一个松弛的闪电战证明了我的问题：。
若要重新创建问题，请转到“关于
浏览 0提问于2019-08-15得票数 1
2回答
在jquery元素中滚动百分比
、、、、
我似乎想不出如何计算这个值
在向下滚动页面时，我想要创建一个函数，返回‘滚动浏览’的过程。
所以我的0是当元素处于显示的尖端(它在窗口的底部，显示了0像素)和100是当元素被完全传递时(元素在窗口顶部，显示了0像素)。
我需要这样做，使用自定义动画进行parralax，使动画在元素显示时开始，直到元素消失为止。
编辑:所有的Paralax插件，我看到似乎强迫你在预先制作的动画。我想给我自己的东西做动画，所以我需要那个百分比的值。
浏览 2提问于2018-03-12得票数 0
回答已采纳
我在一个HTML页面中有多个div元素。这些div是一个窗口滚动的动画。问题是当我滚动滚动条时，所有的div都是动画的。我不想这样。如果滚动条到达一个特定的位置，我想要一个div动画，在此之后，第二个div应该动画，依此类推。换句话说，我想在窗口滚动上一个接一个地动画多个div。我正在使用自定义动画。我的jQuery代码： $(document).ready(function(){
$(document).scroll(function() {
var y = $(this).scrollTop();
if (y < 500) {
$('.demo').addCl
浏览 82提问于2020-12-19得票数 0
回答已采纳
我需要结合两个动画在同一型号，一个我从互联网得到的30 one。然后，我试图在同一个游戏对象上添加第二个动画，我希望它也是30 set，但是当在编辑器中创建动画时，统一将它设置为默认为60 set。我无法在动画窗口中更改该值，而在检查器中，该值显示为灰色。我使用的是统一2020.3.29。
是否有任何方法可以在不编码的情况下更改编辑器本身中的值？
浏览 4提问于2022-03-20得票数 1
回答已采纳
我在我的单页站点上使用ScrollTo和LocalScroll，它可以向各个方向滚动。我在一个包装器里有四个大的div，两个在上面，两个在下面。每个div都是站点的一个“页面”。
加载后，页面转到位于窗口/页面左下角的“home”div锚点。我的问题是，每当我试图通过浮动的导航框从底部的div滚动到另一个div时，它会在滚动到正确的链接div之前将其上方的div的内容闪烁。
当滚动来自top div时，没有任何内容的“闪烁”或“闪烁”。
任何帮助都是非常感谢的！
浏览 0提问于2010-07-26得票数 1
除了data-transition="slideup"的锚标签或弹出窗口之外，我找不到tizen支持的任何默认动画功能。是因为我没有很好地探索，还是tizen(使用TAU)由于一些原因(比如性能)对动画的支持有限？我们可以在可穿戴设备中使用类似的页面刷吗？
浏览 2提问于2016-09-22得票数 0
回答已采纳
3回答
编辑:添加了自己的答案，它可以工作。如果有人能改进它，那就太好了！
有没有办法阻止CSS过渡在后台播放/运行？假设在页面的底部有一个CSS动画，但它在页面加载后立即加载，但我们还没有滚动到页面的底部。所以CSS动画从未被看到过！如果能够在没有JavaScript的情况下阻止或触发页面加载时的动画/过渡效果，那就太好了。我不想重复每次用户滚动页面或悬停时的动画。动画应该等待，直到用户滚动并且该部分在屏幕上可见。
我尝试了下面的方法，但是不起作用！
HTML
<body class="preload">
CSS
.preload * {
-webkit-trans
浏览 4提问于2020-08-22得票数 0
当我水平拆分一个窗口时，我想阻止Vim滚动(如果这个词是正确的话)。
假设我在Vim中编辑了一个10行的文件。我在缓冲区上有一个窗口，窗口有40行高。有足够的空间容纳两个窗口，一个在另一个的顶部，两个窗口都显示整个缓冲区。假设scrolloff设置为4。
当我水平拆分窗口时，会滚动原始窗口，以便在窗口顶部和光标所在行之间精确地显示scrolloff行--如果窗口顶部和光标行之间有超过scrolloff行--即使不需要滚动也是如此。
换句话说，当我拆分窗口时，如果光标在第1、2、3、4或5行，原始窗口不会“移动”(很好)。但如果光标位于第6行，则窗口会滚动，使第2行成为最可见的line...en
浏览 0提问于2012-10-15得票数 13
回答已采纳
4回答
我有个简单的编码问题。我已经创建了一个带有文本框和共享按钮的页面。该页面还包含一个点向上按钮。
当用户单击该按钮并刷新页面.一个窗口请求重新发送信息
为此，我使用了以下代码，这些代码工作得很好。
` `header('Location: samepageurl.php')；
出口；`
但上述代码的问题是当用户向下滚动页面并单击按钮时。页面会自动向上滚动。用户必须手动向下滚动。
我想要的是页面应该刷新，但它应该在相同的位置，它是。
如果问题还不清楚，请参考以下图片
浏览 10提问于2012-10-04得票数 3
3回答
我对某些图像有滚动效果，有些图片放大，使用水平滚动，垂直滚动，以及其他一些效果。滚动运动不会被初始化，除非发生两种情况之一: 1)调整浏览器窗口的大小(宽度或高度)。2)您再次访问该页面，否则页面将被刷新。在所有浏览器中都会发生这种情况。
编辑：一些滚动效果似乎是初始化的，但是在它出现在视图端口之前就触发了(这就是为什么您看不到它)。
视频示例：
如何复制：
例1：
例2：
注意:如果您希望多次复制该问题，则必须使用匿名页面访问该页面。如果它再次开始工作，请尝试一个新浏览器或一个新选项卡。
受影响滚动的页面URL(大部分部分位于“网页设计”下)：
-Section与笔记本
浏览 0提问于2019-07-10得票数 1
我做了一些有趣的width JavaScript。我有一个带有部分的页面，我用jQuery禁用了窗口滚动，它工作得很好。我还编写了一些js来检测用户是否想要滚动，我使用参数获取它是向下滚动还是向上滚动。如果我向下滚动正文。我写了一些js，但它不能正常工作。当向下滚动时，我只需要调用动画一次，并且当动画和用户滚动时，再次调用动画，但要准时。随着时间，身体动画卷轴将disabled.also与lastscrollTop参数有一些问题，它的工作不好。我的英语很抱歉，谢谢你的帮助。
jsfiddle链接
和js代码。
$(document).ready(function(){
$('b
浏览 2提问于2015-02-03得票数 0
1回答
在我使用wow.js在滚动上动画元素。它在本地运行得很好，但当我上传到服务器上时，动画类在滚动之前被调用(带有页面加载)。
去看现场直播。
浏览 2提问于2016-05-14得票数 2
我搜索了这里的问题，寻找这个特定问题的答案，但没有看到任何人有相同的问题。我甚至在jQTouch维基上看到了这个问题，但没有答案。
当用户单击页面长列表底部的链接以动画显示到新页面(或div)时，旧页面始终向上滚动到页面顶部，然后再动画显示到新页面。
在目标div中进行动画之前，是否可以停留在旧页面的当前位置(而不是向上滚动)？
我很好奇是否有人想出了解决这个问题的办法。谢谢。
(如果您不清楚我指的是什么bug，您可以使用他们的桌面浏览器演示：复制此行为，然后调整浏览器窗口的大小，直到出现滚动条。然后向下滚动并选择底部动画之一，以在加载目标div之前看到内容滚动到顶部。)
浏览 0提问于2011-04-16得票数 0
回答已采纳
1回答
用户滚动上的动画元素
、、、、
我目前正在使用下面的逻辑来制作一个导航块的动画。当用户滚动大于5px时，它可以很好地工作，元素将动画显示在视口之外。但是，用户必须滚动窗口的顶部，才能使元素动画回到原来的位置。
如何在用户向上滚动时立即触发动画功能，而不是等待用户滚动到页面顶部？(而不是等到页面顶部)
var _throttleTimer = null;
var _throttleDelay = 100;
var $window = $(window);
var $document = $(document);
$document.ready(function () {
浏览 11提问于2017-07-13得票数 0
回答已采纳
1回答
在每个页面上都有一个视图(UIView实例)，其中我有一些动画。
当我将页面从page1滚动到page2时，page2中的动画就会发生，并且工作正常，但是当我从page2滚动到page1时，它会被卡住一段时间。因为ScrollView和动画都在主线程上。
有没有办法为滚动视图设置优先级，这样滚动就会先发生!！
也就是说，如果动画正在工作，而我滚动到另一个页面，那么页面应该变化顺利，它不应该等待我的动画完成。
已经在网上搜索了，但仍然没有找到任何解决方案。请帮帮我！谢谢大家。
浏览 0提问于2013-11-21得票数 2
回答已采纳
1回答
我有两个NSWindows (都没有标题栏)，它在单击状态栏项目后就会显示在它下面。在第一个NSWindow中，我有一个按钮来启动翻转动画到第二个NSWindow，反之亦然。
下面是我用来制作翻转动画的代码：
我还有windowDidResignKey:方法，因此，当其中一个NSWindow失去焦点时，我会关闭该方法内的两个窗口。
所以问题是：
我单击状态栏项，并显示第一个NSWindow。
我单击按钮执行翻转动画(翻转动画显示没有任何问题)到第二个窗口。
我从当前空间切换到另一个空间(这会触发windowDidResignKey:方法)
再次单击状态栏项，
浏览 2提问于2013-01-05得票数 0
回答已采纳
2回答
我的网站设计(www.benjaminchirlin.com，我知道目前有点重，仍然需要压缩图像)需要大的全屏div，以便在菜单点击时在主屏幕上显示动画，而不是水平滚动。这个设计很大程度上是基于图像的，所以我在每个菜单div上都设置了overflow为隐藏。但是，当浏览器窗口小于div的图像内容时，动画div将被裁剪为用户在左右动画时可以看到的窗口大小。
有没有一种方法可以在不剪切图像的情况下从我的窗口中删除滚动条？谢谢。
浏览 0提问于2011-02-18得票数 0
3回答
基本上我正在寻找一种在这个网站上重新创建滚动功能的方法
问题是，当你开始滚动时，页面不会像往常一样滚动，但它会注意到你的滚动命令，并设置垂直页面移动的动画。有人知道如何在jQuery中重新创建该功能吗？
我假设它应该是关于$(window).scroll()的时候的e.preventDefault();，然后执行一个动画，根据窗口的高度上下滑动当前的div。
浏览 4提问于2013-04-19得票数 1
回答已采纳
3回答
我有一个jQuery项目，我打开一个带有滚动条的iframe (scrolling=auto)，在一个带有动画的覆盖(方框插件)弹出窗口中。当覆盖被关闭时，我希望弹出窗口为补间和淡出。到目前为止一切都很好，但是当iframe的大小在减小的时候，滚动条突然出现在整个东西消失之前。
我尝试过操纵iframes的滚动属性，但当时在iframes的DOM对象上似乎不存在该属性。有人能帮上忙吗？
浏览 0提问于2010-09-17得票数 0
回答已采纳
我正在寻找一些解决方案的页面的背景图像(动画)过渡滚动时，移动到下一个或上一个div通过滚动或链接按钮。这是带有对象沿滚动移动/动画的示例站点背景。如果有人能帮上忙的话。
浏览 2提问于2013-04-15得票数 5
回答已采纳
我已经使用了vis.js的流程图，如基于网络的application.On点击节点，弹出窗口出现，用户可以填写信息。在里面。我已经制作了固定高度可滚动画布。并且节点多于它们可以在固定画布高度上对齐的数量。每次用户填写信息时，页面都会重新加载。再一次，用户必须滚动到他在页面加载之前工作的节点。有没有办法捕获节点的位置，并在页面重新加载后，滚动到该特定节点？
我有附加的图像为我的流程图一样的应用程序屏幕：
浏览 0提问于2015-09-07得票数 0
我正在努力改进我找到的另一个问题的答案的锚定滚动代码。它对另一个页面的滚动效果很好，但如果它在同一个页面上，则滚动时没有动画。问题是，我也想有相同的页面锚点动画，但我不知道如何包括它。 $(document).ready(function () {
var urlHash = window.location.href.split("#")[1];
if (urlHash && $('#' + urlHash).length )
$('html,body').animate({
浏览 16提问于2020-01-18得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
