我想在页面加载时将滚动设置为特定ID.我做了很多研究并遇到了这个问题:
$("html, body").animate({ scrollTop: $('#title1').height() }, 1000);
但这似乎从ID和动画到页面顶部开始？
HTML(位于页面的一半)很简单:
<h2 id="title1">Title here</h2>
我只想要一些简单的JQ/JS来检查当前页面/窗口(不是特定元素)是否有垂直滚动条.
谷歌搜索给了我这些基本功能似乎过于复杂的东西.
如何才能做到这一点？
我的页面中有一个按钮,单击该按钮会div在屏幕中间显示(弹出式样式).
我使用以下CSS来居中div在屏幕中间:
.PopupPanel
{
border: solid 1px black;
position: absolute;
left: 50%;
top: 50%;
background-color: white;
z-index: 100;
height: 400px;
margin-top: -200px;
width: 600px;
margin-left: -300px;
}
只要页面不向下滚动,此CSS就可以正常工作.
但是,如果我将按钮放在我的页面底部,当它被点击时,它div会显示在顶部,用户必须向上滚动才能查看该内容div.
我想知道如何div在屏幕中间显示,即使页面已滚动.
我正在开发一个基于浏览器的应用程序,目前我正在为ipad safari浏览器开发和设计样式.
我在ipad上寻找两件事:如何禁用不需要它的页面的垂直滚动？如何禁用弹性反弹效果？
阅读AngularJS文档我还没弄清楚是否$anchorScroll可以有一个持续时间/缓动选项来平滑滚动到元素.
它只说:
$location.hash('bottom');
// call $anchorScroll()
$anchorScroll();
我不使用jquery而不想; 是否还有一种聪明而简单的方法来制作或扩展$anchorScroll以使滚动更加流畅？
如何在iPad和其他触摸设备上使用jQuery-UI可排序功能？
http://jqueryui.com/demos/sortable/
我试图使用event.preventDefault();,event.cancelBubble=true;和event.stopPropagation();,touchmove以及scroll事件,但结果是页面不再滚动.
有任何想法吗？
我想body完全禁用HTML滚动.我尝试了以下选项:
overflow: hidden; (不工作,没有禁用滚动,它只是隐藏滚动条)
position: fixed; (这个工作,但它完全滚动到顶部,这对于这个特定的应用是不可接受的)
我无法找到这两个选项的替代方案,还有吗？
我似乎无法在iPad上捕捉滚动事件.这些都不起作用,我做错了什么？
window.onscroll=myFunction;
document.onscroll=myFunction;
window.attachEvent("scroll",myFunction,false);
document.attachEvent("scroll",myFunction,false);
它们甚至可以在Windows上的Safari 3上运行.具有讽刺意味的是,window.onload=如果您不介意破坏现有事件,PC上的每个浏览器都会支持.但没有去iPad.
使用溢出时是否可以只允许水平滚动条:自动(或滚动)？
好的,这个..
$(window).scroll(function()
{
$('.slides_layover').removeClass('showing_layover');
$('#slides_effect').show();
});
我可以告诉别人什么时候滚动我的理解.因此,我试图找出当有人停下来时如何捕捉.从上面的示例中,您可以看到我正在滚动时从一组元素中删除一个类.但是,我想在用户停止滚动时重新启用该类.
这样做的原因是我打算在页面滚动时进行一个停留显示,以使页面具有我试图处理的特殊效果.但是我试图在滚动时删除的一个类与该效果冲突,因为它对某些性质具有透明效果.