我正在使用jQuery管理滚动内容的单页rsvp网站上工作。该站点具有不同的部分,可通过顶部的水平菜单访问,调用特定的div并在用户选择菜单项后滚动到内容。除非用户在移动设备上访问rsvp表单,否则一切正常。当用户屏幕滚动到该部分时,每次用户选择输入区域时,站点都会滚动到顶部,我无法想出一种方法来避免这种行为,因为它会使表单变得毫无用处。我在桌面上没有遇到此问题。
这是滚动脚本:
$( document ).scroll(function() {
console.log( Math.round( $(document).scrollTop()/$(window).height() ) )
$('.site-slider').css( 'top', -( $(window).height() * Math.round(
$(document).scrollTop()/$(window).height() ) ) );
$(".background-container")
.css("perspective-origin",
'50% '+ ($(document).scrollTop()*.1)+"%");
});
我认为添加一个包含该表单的id会有所帮助,或者将其添加到输入字段但没有任何效果,但似乎我无法找到方法,我尝试使用这样的东西来避免每个滚动输入点击课程" quieto"
$('.quieto').click(function(e) {
return false;
e.preventDefault();
event.stopPropagation();
});
我对javascript和jquery很新,并且一直在寻找答案。我将非常感谢您的帮助,谢谢!