CSS滚动时旋转页面

文章/答案/技术大牛

发布

1回答

css、wikimedia

{{#css:-moz-transform:rotate(2.0deg); transform:rotate(2.0deg); 我在这里得到了这段代码，并试图在一个使用Wikimedia软件的网站上旋转页面。下面是用于稍微旋转视图的上述代码片段的示例：。我的问题是:是否可以根据鼠标滚动来旋转页面？如果是，又是如何实现的？我对CSS一无所知，也找不到之前发布的

浏览 17提问于2021-05-27得票数 0

1回答

停止滚动页面，滚动旋转木马

javascript、jquery、html、css、slick.js

我在获取效果时遇到了问题。在网站上我有旋转木马，我想要-当我滚动页面并找到旋转木马时，我希望旋转木马开始滚动(滚动页面停止)，在发现所有幻灯片后，我希望页面开始滚动。<link href="https://maxc

浏览 31提问于2019-07-17得票数 0

4回答

在滚动时给出元素类

javascript、jquery、scroll

当用户滚动页面时，我想给一个元素一个.class。然后在用户停止滚动时将其取走(.class)。谢谢

浏览 0提问于2015-07-01得票数 0

2回答

如何在jQuery中使图像(滚轮)在滚动或鼠标滚轮上旋转？

jquery、jquery-animate、mousewheel、horizontal-scrolling、rotateanimation

如果有人还记得挪威网站的旧心情，当你(水平)滚动页面时，有一条轮子前后旋转的赛道。我不能用自行车达到类似的效果。这就是我到目前为止所知道的： $("#wheel1, #wheel2").css({

浏览 2提问于2012-03-17得票数 1

1回答

如何告诉Safari iOS7不要停止滚动上的css动画？

css、safari、css-animations、ios7.1

我有一个旋转的css动画，当页面滚动时停止。我试过启用硬件加速，但没有成功。滚动页面时此操作不起作用-webkit-transform-style: preserve-3d; -webkit-transform

浏览 1提问于2014-03-31得票数 0

2回答

Youtube / Google风格旋转木马滑翔机

javascript、jquery、youtube、google-plus、carousel

我想制作一个旋转木马滑块，类似于您在Youtube.com和页面上看到的新设计，如：。任何关于如何构建这个的建议，或者Jquery插件都可以促进这一点。我尝试过itemSlide()，但是我不知道如何获得CSS，以便它在容器DIV中正确地呈现。另外，Item幻灯片没有给出滚动到下一页的箭头。我看过的其他旋转木马插件，即使有它们的响应选项，也可以让您指定适合页面的项目数量。我希望这是由css决定。Update我得到了itemSlide()在容器div中呈现，但是我仍然需

浏览 10提问于2017-09-24得票数 0

2回答

沿圆圈旋转链接

javascript、jquery、html、css、rotation

我正试着制作一个网站，链接围绕一个圆旋转。(类似于此) 具有不同的图像和文本，导致不同的urls。该图像是一个统一的图像，它也随着用户滚动而旋转。有我能做到的吗？另外，是否有一种方法可以使页面高度无限，这样用户就不会在滚动时到达页面底部？谢谢! bodyHeight = $body.height(); $(window).scroll(functio

浏览 6提问于2014-01-07得票数 0

回答已采纳

1回答

表单模型状态无效时的旋转加载

javascript、css、asp.net-mvc

伙计们，今天好， $('.spinner').css<

浏览 2提问于2020-08-05得票数 1

回答已采纳

4回答

缓动滚动上的旋转动画

jquery、css、easing

我有一个元素，我正在使用jquery/css3在滚动上旋转。问题是，当你滚动时，它会有点跳动，当你停止时，它会立即停止。我希望它能更流畅地播放旋转，从你开始滚动时开始，然后在你停止滚动后慢慢停止，而不是每次滚动轮移动时旋转一组度数。我的代码和链接如下：var angle = 1; jQuery(windo

浏览 0提问于2012-04-17得票数 0

1回答

“滚动之旅”网页是如何工作的？

jquery、html、css

这是我所指的，，当用户向下滚动页面时，页面本身实际上以固定的路径平移到场景上，而根本不需要滚动的方向。这些站点是如何工作的？

浏览 1提问于2012-06-08得票数 2

回答已采纳

4回答

如何使用jquery在滚动百分比上旋转html元素？

jquery、html、scroll、rotation

我想在滚动上旋转一个div。HTML： <div class="logo">

浏览 1提问于2013-09-30得票数 1

2回答

显示旋转器，直到Mathjax加载，即使使用直接锚URL

javascript、jquery、html、spinner、mathjax

目前，我需要显示一个旋转器，直到Mathjax方程加载到我的HTML页面中。60 // Afterglow percentage, className: 'spinner' // Th

浏览 10提问于2017-03-23得票数 0

回答已采纳

1回答

通过滚动旋转元素

scroll、rotation

可以通过滚动来旋转网站上的元素吗？旋转的速度应该与滚动的速度相匹配。当不再滚动时，元素应旋转回起始点。

浏览 0提问于2012-03-25得票数 0

回答已采纳

3回答

重新绘制时间从0到8ms，Chrome仍然不能顺利滚动

html、performance、css、google-chrome、smooth-scrolling

当我按一个“步骤”旋转鼠标轮时，例如在Google搜索结果页面上，页面会逐渐向上/向下移动--从“前滚动”到“后滚动”状态的转换需要一些时间，并且动画效果很好。然而，每当我在html中创建一个长页面，并试图滚动一个“步骤”，没有动画或过渡滚动-该页面只是立即跳几行向上或向下。我的页面的平均重绘时间约为5ms，峰值高达8ms，因此我知道重绘时间并不是造成这种情况的原因。我知道，这种平滑<e

浏览 2提问于2014-09-13得票数 0

回答已采纳

1回答

半圆弧滚动javascript

javascript、html、css

我正在尝试实现像这样的，但是我不知道从哪里开始。任何在正确方向上的步骤都将受到极大的赞赏。

浏览 3提问于2017-03-23得票数 0

1回答

CSS转换jquery动画未按预期工作

jquery、css、css-transforms

在回答另一个问题时，我编写了一些简单的代码，以便在您向下滚动页面时动态显示PNG的旋转。这很好用，但在向上滚动上反转动画时却不能正常工作。 sdegree += 1; $("img").css</e

浏览 0提问于2012-02-03得票数 1

回答已采纳

1回答

视差滚动底部

javascript、jquery、html、css

嗨，我的网站有一个问题，我的问题是:当我在我的页面上向下滚动时，我看到的页面底部，页脚不在页面的底部。我知道错误是，bootsrtap顶部的旋转木马在我滚动时得到了视差效果。我用jquery和css3变换实现了这个视差效果： if($('html').width() > 767) { //For mobiledevices

浏览 3提问于2014-12-17得票数 0

1回答

使用.scroll()控制变换属性

jquery、css、transform、css-transitions

我希望发生的是:当用户向下滚动页面时，一个固定的图像会旋转。理想情况下，以与滚动相匹配的旋转速度(快速滚动=快速旋转)。这就是我的观点： $("img").css("-webkit-transform","rotate(90deg)") 我知道我需要使用比90度更小的增量，当然还需要更多的供应商前缀

浏览 0提问于2012-07-18得票数 0

2回答

引导旋转木马要拉伸整个页面的宽度，并锁定在页面的顶部

html、css、twitter-bootstrap

在这里，我有一个旋转木马在中间的页面，我希望它的宽度被拉伸到整个页面的宽度。然后它的左上角和右手角被锁在页面的最上面。下面是我想出的css position: absolute; line-height:1; left但是我看到这个结果的问题是，当你向下滚动页面时，旋转木马会被“拖拽”，它最终会重叠页面</em

浏览 2提问于2013-12-06得票数 1

回答已采纳

1回答

滚动页面时旋转导航链接- CSS，jQ

jquery、html、css

我已经创建了一个单一的网页模板，我试图旋转的链接取决于我正在查看的部分。$('a').removeClass('active');}); .cssActive类被应用到我的链接中，但是css没有应用，我不明白为什么？

浏览 1提问于2017-12-03得票数 0

回答已采纳

点击加载更多