相关疑难解决方法(0)
如何暂时禁用滚动？
我正在使用scrollTo jQuery插件,并想知道是否有可能通过Javascript临时禁用滚动窗口元素？我想要禁用滚动的原因是当你滚动时scrollTo是动画,它变得非常丑陋;)
当然,我可以做一个$("body").css("overflow", "hidden");然后在动画停止时将其恢复为自动,但如果滚动条仍然可见但不活动会更好.
推荐指数
解决办法
查看次数
打开模态时防止BODY滚动
当我的网站上的Modal(来自http://twitter.github.com/bootstrap)打开时,我希望我的身体在使用鼠标滚轮时停止滚动.
当模态打开但我没有成功时,我试图调用下面的javascript
$(window).scroll(function() { return false; });
AND
$(window).live('scroll', function() { return false; });
请注意我们的网站放弃了对IE6的支持,但IE7 +需要兼容.
推荐指数
解决办法
查看次数
位置:固定不适用于iPad和iPhone
我已经在iPad上固定定位了一段时间.我知道iScroll并不总是有效(即使在他们的演示中).我也知道Sencha有一个修复,但我无法Ctrl+ F修复该源代码.
我希望有人可以有解决方案.问题是,当用户在iOS移动的Safari上进行平移时,固定定位元素不会更新.
推荐指数
解决办法
查看次数
禁用所有移动设备中的滚动
这听起来应该是互联网上的解决方案,但我不知道为什么我找不到它.我想在移动设备上禁用水平滚动.基本上试图实现这个目标:
body{
overflow-x:hidden // disable horizontal scrolling.
}
这可能是相关的信息:我的头标记也是如此,因为我也不希望用户能够缩放:
<meta content='width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;' name='viewport' />
<meta name="viewport" content="width=device-width" />
谢谢
推荐指数
解决办法
查看次数
iOS 10 Safari:防止在固定叠加层后面滚动并保持滚动位置
当显示固定位置叠加时,我无法阻止主体内容滚动.类似的问题已被多次询问,但以前工作的所有技术似乎都不适用于iOS 10中的Safari.这似乎是最近的一个问题.
一些说明:
- 如果我都设为我可以禁用滚动
html和body以overflow: hidden,然而,使主体内容滚动到顶部. - 如果覆盖中的内容足够长以便可以滚动,则对主页内容正确禁用滚动.如果叠加层中的内容不足以导致滚动,则可以滚动主页面内容.
- 我在http://blog.christoffer.me/six-things-i-learnt-about-ios-safaris-rubber-band-scrolling/中添加了一个javascript函数,该函数
touchmove在叠加显示时禁用.这在以前工作,但不再有效.
这是完整的HTML源代码:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<style type="text/css">
html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
body {
font-family: arial;
}
#overlay {
display: none;
position: fixed;
z-index: 9999;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: scroll;
color: #fff;
background: rgba(0, 0, 0, 0.5);
}
#overlay span {
position: absolute; …推荐指数
解决办法
查看次数
使用浏览器的主滚动条滚动特定的DIV内容
我的工作我的网站上的新布局和我遇到GIZMODO网站,我发现该网站可以使用页面滚动条滚动的在网站上的部分内容.他们怎么能成功呢？我通过Firebug研究了他们的CSS,但我很困惑.
这里是我的测试第1页:http://raptor.hk/dev/theme/dummy.html(此页面可以中心的内容,但我想不能滚动)
这是我的测试页面2:http://raptor.hk/dev/theme/dummy2.html(此页面可以按我想要的方式滚动,但不能居中)
我只是想让左侧内容滚动页面滚动条的页面,但右侧内容保持在原始位置,加上整个网站应该对齐中心,即结合我的测试页面1和2.任何人都可以给我一些灯光？
推荐指数
解决办法
查看次数
打开覆盖层后如何防止身体滚动？
我正在寻找一种方法，以防止打开叠加层“弹出部分”时主体滚动，并且仅允许在“弹出部分” div上滚动。我正在寻找使用javascript的解决方案，但是我对JS不太有经验
有没有人有什么建议？
$('#toggle-menu').click(function() {
$(this).toggleClass('active');
$('.popup-section').toggleClass('open');
$('html').toggleClass('open');
});
$('.popup-section').click(function() {
$(this).toggleClass('active');
$('.popup-section').removeClass('open');
$('.button_container').removeClass('active');
$('html').removeClass('open');
}); .popup-section{
display: none;
opacity: 0;
height: 100vh;
left: 0;
right: 0;
width: 100vw;
overflow: scroll;
}
.popup-section.open {
display: block;
opacity: 1;
z-index: 99;
}
.popup-background {
height: 100vh;
width: 100vw;
background-color: #ccbcaf;
z-index: 90;
cursor: pointer;
position: fixed;
overflow: scroll;
top: 0;
} <div class="button_container open" id="toggle-menu">
<span class="top"></span>
<span class="bottom"></span>
</div>
<div class="popup-section">
<div class="popup-background" title="">
<!--CONTENT-->
</div>
</div>推荐指数
解决办法
查看次数
在iOS全屏网络应用中禁用橡皮筋
我有一个在iOS上运行的全屏网络应用程序.当我向下滑动时,屏幕会滚动橡皮筋效果(碰撞).我想锁定整个文档,但仍允许使用overflow-y滚动div:在需要的地方滚动.
我已经尝试过
document.ontouchmove = function(e){
e.preventDefault();
}
但这会禁用任何容器中的滚动.任何的想法？非常感谢你.
javascript scroll web-applications rubber-band iphone-standalone-web-app
推荐指数
解决办法
查看次数
打开模态视图时禁用正文上的滚动
我正在创建这个网站,当你点击标题第二行最右端的链接时,模态窗口会显示嵌入的youtube视频.
当我滚动模态时,BODY也会滚动,我想停止它.我怎么能这样做？
将非常感谢帮助!感谢您的时间.
推荐指数
解决办法
查看次数
通过移动Safari中的输入字段进行跳转可以使浏览器跳转
有没有办法专注于这个领域,但没有这个不和谐的动画？当键盘可见时,行为尤其糟糕.
演示
http://plnkr.co/edit/9OydOFO0KUeKuaH8u70A?p=info
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
</head>
<body>
<form>
<input>
<input>
<input>
<input>
<input>
...
<input>
</form>
</body>
</html>
推荐指数
解决办法
查看次数
标签 统计
css ×6
javascript ×6
scroll ×5
html ×3
ios ×3
iphone ×2
jquery ×2
mobile ×2
android ×1
ios10 ×1
ipad ×1
modal-dialog ×1
rubber-band ×1
safari ×1