使jQuery路径点偏移相对
Making jQuery Waypoints Offset Relative
你知道刷新网页时滚动条位置通常是如何保留的吗?
好吧,jQuery的路径点偏移特性似乎使用这个页面位置为0,而不是页面的实际顶部。
例如,给定一个航路点偏移量为50,假设当页面刷新时,当前的滚动位置为1000。刷新后的页面将自动跳转回1000。此航路点在滚动位置达到1050之前不会激活。
是否可以保持相对于页面顶部的路径点?所以即使页面自动更新滚动位置为1000,偏移量为50的路点也会被激活。
$('.thing').waypoint(function(direction) {
// do stuff
}, { offset: 50 })
更详细的代码:
(function($, window, document) {
$(function() {
var $popularArticles = $('.popular').find('article'),
$latestArticles = $('.latest').find('article');
var $latestPost = $latestArticles.filter(':first');
var $latestPostDate = $latestPost.find('time').text();
$latestPost.before('<h2>' + $latestPostDate + '</h2>');
$popularArticles.filter(':first').before('<h2>Popular Now</h2>');
// updates postdate in latest h2
$latestArticles.waypoint(function(direction) {
var $postDate = $(this).find('time').text();
if (direction === 'down') {
$latestH2.text($postDate);
}
}, { offset: 102 }).waypoint(function(direction) {
var $postDate = $(this).find('time').text();
if (direction === 'up') {
$latestH2.text($postDate);
}
}, { offset: function() {
return - $(this).height() / 2 + 50;
}
});
// h2 waypoints
var $latestH2 = $('.latest').filter(':first').find('h2'),
$popularH2 = $('.popular').filter(':first').find('h2');
$popularH2.add($latestH2).waypoint('sticky', { offset: 50 });
});
}(window.jQuery, window, document));
我认为浏览器在页面加载之后才跳转到滚动位置,所以尝试在页面加载之前而不是加载时运行你的路点代码
相关文章:
- jQuery拖动到相对位置的可排序列表中时出现可拖动辅助对象位置问题
- jQuery"悬停时放大”;无法相对于图片中心放大
- jquery移动应用程序无法使用jquryMobile框架JS和css文件的相对路径
- 如何使用 JQuery 从相对元素获取 html 文本
- 从 jquery.ready() 调用的 javascript 何时相对于 中的脚本运行
- 相对于他在jQuery/Js中的一个内部数据对数组进行排序
- 使用jquery获取相对于图片的点击坐标
- 使用jQuery相对于元素的位置滑动元素
- 在JQuery中,'加载'方法'的相对路径在引用项目中的html文件时开始
- 元素在使用 jQuery 对相对包装宽度进行动画处理时消失
- Jquery ui 位置,不能使其相对于当前项
- jQuery 遍历 -- 查找相对于共同祖先的元素
- jQuery ajax 相对路径未找到文件
- jQuery 无法使用相对路径
- 如何在 jQuery 中获取相对于父级的 offset()
- jQuery或Javascript根据环境动态更改链接(相对/站点相对/绝对)
- Jquery .each 使用相对路径时
- jQuery qTip 图像源的相对路径
- 带有Javascript/Jquery的POSTS的相对URL - 简洁
- 将相对于选择器的变量传递给多个 jQuery 事件