个人中心
文章发布
退出
作者热门文章
- objective-c - iOS 5 : Can you override UIAppearance customisations in specific classes?
- iphone - 如何将 CGFontRef 转换为 UIFont？
- ios - 以编程方式关闭标记的信息窗口 google maps iOS
- ios - Xcode 5 - 尝试验证存档时出现 "No application records were found"
26
4
我需要制作一个可滚动的 div，即使鼠标在内容上(在可滚动的 div 内)也可以滚动，而不仅仅是在它旁边(它是空白的)。这是我目前所拥有的:
var main = document.getElementById('main-site');
var maxTop = main.parentNode.scrollHeight-main.offsetHeight;
main.parentNode.parentNode.onscroll = function() {
main.style.top = Math.min(this.scrollTop,maxTop) + "px";
}
在 Chrome 中是可以的在 IE8+ 中没问题(我知道 hack)在 Safari 中，当我滚动时内容抖动很多，我可以解决这个问题吗？ (我想解决这个问题)
工作 fiddle -> https://jsfiddle.net/8oj0sge4/6/
var main = document.getElementById('main-site');
var maxTop = main.parentNode.scrollHeight - main.offsetHeight;
main.parentNode.parentNode.onscroll = function() {
main.style.top = Math.min(this.scrollTop, maxTop) + "px";
}#wrapper {
width: 100%;
height: 1500px;
border: 1px solid red;
padding-top: 380px;
}
#wrapper .container {
border: 1px solid green;
width: 100%;
height: 500px;
overflow: scroll;
}
#wrapper .container-scroll {
height: 1500px;
width: 100%;
border: 1px solid yellow;
position: relative;
}
#wrapper .main {
width: 200px;
height: 500px;
background: black;
overflow: scroll;
position: absolute;
color: white;
left: 50%;
margin-left: -100px;
margin-top: 10px;
}<div id="wrapper">
<div class="container">
<div class="container-scroll">
<div id="main-site" class="main">
My goals is to make the div container scroll also when the mouse is hover this div in safari, in Google and IE8 i already know how to make work, but safari is shaking a lot!
</div>
</div>
</div>
</div>谢谢你们。
最佳答案
我希望这个演示可以帮助您在鼠标悬停和鼠标离开 div 时使 div 内容滚动。
<html>
</head>
<style>
.mydiv
{height: 50px;width: 100px; overflow-y: scroll; }
</style>
<script>
function loadpage()
{ document.getElementById('marquee1').stop(); }
function marqueenow()
{ document.getElementById('marquee1').start(); }
</script>
</head>
<body onload="loadpage()">
<marquee id="marquee1" class="mydiv" onmouseover="marqueenow()" onmouseout="loadpage()" behavior="scroll" direction="up" scrollamount="10">
This is my test content This is my test content This is my test content This is my test content This is my test content This is my test content This is my test
content This is my test content This is my test content This is my test content This is my test content This is my test content This is my test content This is my test content This is my test content This is my test content
</marquee>
</body>
</html>
关于javascript - 聚焦内部 div 时滚动 div，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/29686645/
26
4
0
我有一个登录框，当 出现时，它会上下滑动/切换。单击链接。 这是一个尺寸约为 150 像素 x 100 像素的 DIV。 当有人点击此 DIV 外部时，我希望 DIV 滑动备份。我一直在玩 focu
jQuery 会阻止这种类型的行为吗？ $("input").focusout(function() { $(this).focus(); }); 最佳答案 这是如何完成的(跨浏览器工作):
我想将聚焦和未聚焦窗口的 Alpha 设置为 90% 和 70%，而不是使用边框。这将适用于所有窗口，除了那些匹配某些标准(例如 className =“Gimp”)的窗口。我如何在我的 xmonad
我的布局中有一个 Recyclerview 和一个 EditText。 当我在 EditText 外部单击(即单击 Recyclerview)时，我希望 Recyclerview 获得焦点，而 Edi
我正在开发一个使用旧版 jQuery 1.3.2 的元素。我需要在 focus 上 blur 输入值并在 focusout 上返回它(如果没有改变)(不能使用 placeholder在这里)。 这就是
我有一个带有几个 TextViews 的自定义抽屉导航。这是布局: 问题是，如果我没有为 TextView
是否有一种简单的方法可以使我的应用程序的 float 工具选项板永久处于事件状态？它们都与打开的文档相关，因此没有理由让它们在任何时间点处于不活动状态。 最佳答案 使用 NSPanel 作为实用程序窗
尽管阅读了我可以在developer.android.com和stackoverflow上获得的所有内容，但是我确实认为应该可以实现，但是我仍然不知道该怎么做。 我正在尝试使用OpenGL ES 2.
我想在页面加载时聚焦一个元素( slider /轮播)，以允许使用箭头键立即控制 slider 。 JQuery 的 .focus() 可以工作，但会自动将元素滚动到 View 中。这是有限视口(vi
我正在尝试让我的代码针对 Mozzila 中 14 年未修复的错误，该错误无法重新关注输入。我在多个地方发现(google mozilla focus not working 中的前 20 个结果中的
我有 ViewController，我想通过焦点引擎检索控制权。首先，我尝试通过要求自己查看来启动。 if settingsFilterSegment.isFocused {} 但我变得错误了，所以我
我想以编程方式将焦点设置在连续一列的表格中 NSTableCellView 中的两个编辑字段之一上，以便用户可以立即编辑该字段。在我的示例中，我可以选择该行(按下按钮后)，但我找不到将焦点设置在特殊字
我创建了一个小的 Tab-Layout。 现在我如何根据 TabWidget 的状态(聚焦、按下...)指定它的颜色 我构建了一个新的 .xml，但我不知道如何将它设置到我的选项卡:
我有一个带有 JTree 的 JDialog，其中包括 DefaultMutableTreeNode 及其子节点。我希望在显示 JDialog 时聚焦树的节点之一。只需使用 tree.requestF
当我单击 EditText 时，会出现软键盘。我不希望在单击 EditText 时出现键盘，但是，我想获得 EditText 的力量。我想在没有键盘的情况下编辑它。 editText.setOnCli
在下图中，您可以看到“>”符号周围有一个虚线的“内部”边框，表示该按钮已获得焦点。 (我还在按钮周围添加了一个蓝色边框) 在我构建这些按钮的代码中，我正在做: setTimeout(function(
我在 css 上相当“新手”，并试图在主 div 聚焦时更改 FontAwesome 图标的颜色。我尝试了几种方法，尝试使用 div 的 id 或 class 在 focus 上更改它的颜色，但都没有
我如何判断焦点事件是由于输入按下=表单提交而发生还是仅仅因为单击而发生？进入控制台的事件数据是“focusout”类型，没有相关信息 $(".clientrow[clientid="+clientid
我有个小问题。目前，我正在使用 WordPress 开发一个带有 Flash 游戏的简单网页。 例如考虑这个页面:http://ggames.eu/2015/11/25/prince-of-persi
A 有一个 ListBox，需要在特定情况下聚焦特定项目(例如，显示搜索结果时)。这是通过附加属性使用以下函数完成的: public static void OnElementIndexPropert
我是一名优秀的程序员,十分优秀！