使用 HTML 和 jQuery 创建相同类型的导航
Creating the same kind of navigation with HTML & jQuery
Stackoverflow的你好人,
我希望构建与网站 Pagekit.com 上使用的相同的导航。滚动一会儿后必须弹出导航。有人知道jQuery插件或其他可以为我解决问题的东西吗?我已经做了一些谷歌搜索,但找不到任何有用的东西。
此致敬意迪伦
关键是:scrollPosition。
你想要达到的结果有点太多了,无法解释你必须采取的每一个行动。以下是您要查找的内容的示例: 滚动时淡入
$(document).ready(function() {
/* Every time the window is scrolled ... */
$(window).scroll( function(){
/* Check the location of each desired element */
$('.hideme').each( function(i){
var bottom_of_object = $(this).position().top + $(this).outerHeight();
var bottom_of_window = $(window).scrollTop() + $(window).height();
/* If the object is completely visible in the window, fade it it */
if( bottom_of_window > bottom_of_object ){
$(this).animate({'opacity':'1'},500);
}
});
});
});
相关文章:
- 为什么会出现错误;未捕获的类型错误:undefined不是函数;
- 单击顶部导航时如何进行向下滚动效果(向下滑动).
- angular 1.5应用程序中的导航栏
- 如何在DOM元素上按类型构建此函数
- 同样,同样的错误'ahorcado.js:26未捕获类型错误:无法读取属性'beginPath'
- 使用 HTML 和 jQuery 创建相同类型的导航
- 意外的性能.导航.类型 onbeforeunload
- 在自定义帖子类型滑块上添加导航链接
- JQuery导航警告以输入类型为条件
- .htaccess+PHP创建带有一些固定链接的动态Facebook类型导航
- 类型错误:在 OnsenUI 2 React 导航器中未定义输入页面
- 我如何在导航时获得新URL,旧URL和过渡类型
- 如何在Javascript中导航到具有复杂类型作为参数的MVC5控制器
- 如何判断两个JavaScript实例是否属于同一类类型
- 导航器在列类型的股票图表中不能正常工作
- 从同构应用程序访问导航器对象的优雅解决方案
- 聚合物如何得到同类型的孩子
- 嵌套具有属性回退的同类型javascript对象
- 是否有办法将导航器设置为类型区域默认值
- 定义我的导航的JSON有标题类型和类别类型;d希望转换为Javascript中的嵌套UL LI元素