编辑此表达式将固定底部变为固定顶部
Edit this expression to turn fixed bottom in fixed top
这个函数应该在iphone上工作,
$(document).ready(function() {
$('#head').css('position','fixed');
window.onscroll = function() {
document.getElementById('head').style.top =
(window.pageYOffset + window.innerHeight + 25) + 'px';
// alert((window.pageYOffset + window.innerHeight - 25) + 'px');
};
});
但是div (25px)应该在页面底部,我需要它在页面顶部不管我滚动多少
i'm string like this
$(document).ready(function() {
$('#head').css('position','fixed');
var height = $('#head').height();
window.onscroll = function() {
document.getElementById('head').style.top =
(window.pageYOffset) - height + 'px';
// alert(window.pageYOffset); alert(window.innerHeight);
};
});
但似乎#headdiv没有正确地跟随滚动(似乎它反弹),任何想法我错过了什么??
位置fixed
不能在iPhone上工作。因此,当您滚动页面时,它必然会反弹,直到scroll
处理程序设置其新位置。
$(document).ready(function() {
$('#head').css('position','absolute');
$(window).scroll(function() {
$('#head').css({
top: window.pageYOffset
});
});
});
尝试更多的jQuery:
window.onscroll = function() { $('#head').offset(0,0); }
相关文章:
- 如何将图表放在顶部和底部
- 滚动到顶部或底部后的简单效果
- 如何使一个元素从网页的顶部跳到底部再跳回到顶部
- 垂直与特定边距的顶部和底部对齐
- HTML导航在屏幕底部,并粘贴到顶部
- 粘贴Bootstrap在粘贴底部到达并滚动回顶部后闪烁
- 我们如何在fullPage.js中为不同的部分制作不同的填充顶部和底部值
- 当在堆栈底部添加ImageView时,我想删除RelativeLayout中的顶部ImageView,但它正在删除整个布
- 为什么javascript在页面底部或有时在页面顶部运行
- 使手风琴/可折叠中的 DIV 保持固定在页面的顶部和底部
- 如何使用 jQuery 检测元素的顶部靠近浏览器底部
- 如何在滚动到底部后在页脚上方设置“返回顶部”
- Div 在页眉到达其顶部时开始滚动,当其底部到达页脚时停止滚动
- 当在 Ul 上使用向上/向下箭头到达溢出自动项目的顶部/底部时显示隐藏的项目
- 检测(事件)尝试在使用JavaScript或AngularJS页面顶部/底部时向上/向下滚动
- 滚动到顶部/底部按钮错误
- Skrollr相对于顶部底部在chrome中较早着火
- 调整边缘-顶部/底部与屏幕高度成比例
- 恼人的不必要的溢出和页边空白顶部/底部没有'不起作用
- 当内部元素的滚动位置达到顶部/底部时,防止父元素滚动