相关疑难解决方法(0)

我一直在寻找一种方法来向下滚动时单击位于页面顶部的按钮仅使用CSS3.

所以我找到了这个教程:http://tympanus.net/codrops/2012/06/12/css-only-responsive-layout-with-smooth-transitions/

演示:http://tympanus.net/Tutorials/SmoothTransitionsResponsiveLayout/

但是由于我只是希望浏览器向下滚动页面顶部的一个按钮向下滚动,所以它有点太高级了,所以我想知道:是否可以在没有输入按钮的情况下进行那些CSS滚动,只是带锚标记？

HTML看起来像这样: <a href="#" class="button">Learn more</a>

我已经有一些CSS需要在按钮点击时触发:

/* Button animation tryout. */
.animate {
    animation: moveDown 0.6s ease-in-out 0.2s backwards;
}
@keyframes moveDown{
    0% { 
        transform: translateY(-40px); 
        opacity: 0;
    }
    100% { 
        transform: translateY(0px);  
        opacity: 1;
    }
}

当window是iframe时,jQuery的scrollTop返回null.有没有人能够弄清楚如何获得iframe的scrollTop？

更多信息:

我的脚本在iframe本身运行,父窗口在另一个域上,所以我无法访问iframe的ID或类似的东西

我正在尝试创建一个纯粹的100%CSS(没有jQuery)"返回顶部"按钮,但我希​​望该按钮仅在访问者向下滚动页面时显示.

是否有可能以某种方式检查CSS？因此,如果访问者向下滚动一点,则显示"返回顶部"按钮.

谢谢!

我尝试使用iframe tage添加事件滚动时出现问题.一般来说,我使用带有div标签的滚动事件它运行良好.但是当我在iframe标签中添加滚动事件以检测用户滚动pdf页面时,它无法正常工作.为什么我不能在iframe中访问html元素？我在下面有代码检查:

我尝试使用iframe添加javascript滚动事件:

HTML代码:

<iframe id="myframe" src="doc.pdf"></iframe>

JavaScript代码:

document.getElementById('myframe').onscroll = function(){
	 	alert('scrolling page');
};