相关疑难解决方法(0)

我想在有人向下滚动一个元素时运行一个函数.像这样的东西:

 $('div').scrollDown(function(){ alert('down') });
 $('div').scrollUp(function(){ alert('up') });

但这些功能不存在.有这个问题的解决方案吗？他们似乎能够做到这一点.不幸的是源代码是压缩的,所以没有运气......

谢谢!!

背景:

假设您有一个简单的页面,其中包含徽标和标题以及一个段落

<img src="http://blog.stackoverflow.com/wp-content/uploads/StackExchangeLogo1.png">
<h1>Foo Bar</h1>
<p>ABC12345</p>

这是这样的

该页面显然不会有垂直溢出/滚动条,几乎甚至是小型移动设备,更不用说计算机了.

题

除非有人向上滚动,否则如何将该标题带到屏幕的左上方并将徽标移出焦点？打开使用任何JavaScript库和任何CSS框架

尝试:

1. 尝试使用锚点但它们仅在页面已经有滚动条并且锚点失焦时才起作用.
2. 尝试过,window.scrollTo但这也要求页面已经滚动
3. 尝试$("html, body").animate({ scrollTop: 90}, 100);但是当页面没有溢出时也不起作用

笔记:

请注意,添加一些额外的东西<br/>以引发溢出不是要走的路,它可以这样做,但这是一个非常普通的解决方法

为什么需要？

它用于移动设备的表单,简单的要求是将表单的第一个字段放在页面顶部并隐藏徽标(如果他们希望看到它,可以向上滚动),这样就不会引起注意.不使用jQueryMobile执行此特定任务.