Jquery Localscroll/Scroll无法在iPad上工作
我在使用localscroll时遇到了问题-我有一个固定的标题元素,它出现在距离顶部100像素左右的位置。当用户单击导航项时,它会滚动到正确的位置,但当我尝试单击另一个菜单项时,它不会移动,除非我稍微移动页面 这只发生在iPad上——它在桌面浏览器中运行良好 有人有什么想法吗Jquery Localscroll/Scroll无法在iPad上工作,jquery,ios,ipad,navigation,scrollto,Jquery,Ios,Ipad,Navigation,Scrollto,我在使用localscroll时遇到了问题-我有一个固定的标题元素,它出现在距离顶部100像素左右的位置。当用户单击导航项时,它会滚动到正确的位置,但当我尝试单击另一个菜单项时,它不会移动,除非我稍微移动页面 这只发生在iPad上——它在桌面浏览器中运行良好 有人有什么想法吗 var sections = $('section,footer'), links = $('nav a'); $(window).scroll(function() { var currentPosition =
var sections = $('section,footer'),
links = $('nav a');
$(window).scroll(function() {
var currentPosition = $(this).scrollTop();
links.removeClass('selected');
sections.each(function() {
var top = $(this).offset().top - 100,
bottom = top + $(this).height();
if (currentPosition >= top && currentPosition <= bottom) {
$('a[href="#' + this.id + '"]').addClass('selected');
}
if ($(window).scrollTop() + $(window).height() == $(document).height()) {
links.removeClass('selected');
$('.last a').addClass('selected');
}
});
});
$.localScroll();
var sections=$('section,footer'),
链接=$('nav a');
$(窗口)。滚动(函数(){
var currentPosition=$(this.scrollTop();
links.removeClass('selected');
节。每个(函数(){
var top=$(this).offset().top-100,
底部=顶部+$(此).height();
如果(currentPosition>=top&¤tPosition通过此处找到修复:
(function(){
var THROTTLE = 100,//ms
_timer = 0,
_dom = document.documentElement,
_width = _dom.style.width,
reset = function(){
// reset size, unfortunately forces another reflow
_dom.style.width = _width;
},
forceReflow = function(){
if (_timer) {
clearTimeout(_timer);
_timer = 0;
}
_width = _dom.style.width;
// force a reflow by increasing size 1px
_dom.style.width = (_dom.offsetWidth+1)+'px';
setTimeout(reset, 0);
},
onscroll = function() {
if (_timer) {
clearTimeout(_timer);
}
_timer = setTimeout(forceReflow, THROTTLE);
};
window.addEventListener('scroll', onscroll, false);
})();