个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
26
4
我正在尝试获取一个元素列表以在板内的另一个 div 元素下方滚动，但现在它正在滚动它。我试过使用 CSS z-index 属性，但它对我不起作用。我不确定我是否正确使用它，因为这是我第一次尝试在 z 轴上定位元素。
HTML:
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="bootstrap.min.css">
<script src="update.js"></script>
<script src="scrollDrag.js"></script>
</head>
<body onload="update()">
<ul class="board list-group" style="overflow:hidden">
<div id="lb"></div>
<div id="sub-lb"></div>
</ul>
</body>
</html>
JS: (更新.js)
function update() {
"use strict";
// setTimeout(function () {update(); }, 10000);
// List of variables
var xmlhttp, resultString, unorderedList, listItem, infoText, arrayInfo, info,
i, temp, span;
// code for IE7+, Firefox, Chrome, Opera, Safari
if (window.XMLHttpRequest) {
xmlhttp = new XMLHttpRequest();
} else { // code for IE6, IE5
xmlhttp = new window.ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function () {
if (xmlhttp.readyState === 4 && xmlhttp.status === 200) {
// Split php response text into an array (contains the top 50 of leaderboard)
resultString = xmlhttp.responseText;
arrayInfo = resultString.split(";");
// Set up the rank, name, total headings
listItem = document.createElement("li");
listItem.setAttribute("class", "list-group-item heading");
listItem.setAttribute("style", "background-color:#0066FF");
infoText = document.createTextNode("Rank");
span = document.createElement("span");
span.setAttribute("style", "margin-left:1%");
span.appendChild(infoText);
listItem.appendChild(span);
infoText = document.createTextNode("Name");
span = document.createElement("span");
span.setAttribute("style", "position:absolute; left:35%");
span.appendChild(infoText);
listItem.appendChild(span);
infoText = document.createTextNode("Zenny");
span = document.createElement("span");
span.setAttribute("style", "float:right");
span.appendChild(infoText);
listItem.appendChild(span);
document.getElementById("lb").appendChild(listItem);
// Loop through arrayInfo
for (i = 0; i < arrayInfo.length - 1; i += 1) {
// Split content of each index of arrayInfo and store it into a new array
// Split in form of rank, name, money
temp = arrayInfo[i];
info = temp.split(",");
// Create a new list item element
listItem = document.createElement("li");
listItem.setAttribute("class", "list-group-item");
listItem.setAttribute("style", "width:100%; font-size:150%");
// Create a new span element for rank
infoText = document.createTextNode(info[0]);
span = document.createElement("span");
span.setAttribute("style", "margin-left:2%");
span.appendChild(infoText);
listItem.appendChild(span);
// Create a new span element for name
infoText = document.createTextNode(info[1]);
span = document.createElement("span");
span.setAttribute("style", "position:absolute; left:35%");
span.appendChild(infoText);
listItem.appendChild(span);
// Create a new span element for money
infoText = document.createTextNode(info[2]);
span = document.createElement("span");
span.setAttribute("style", "float:right; margin-right:2%");
span.appendChild(infoText);
listItem.appendChild(span);
document.getElementById("sub-lb").appendChild(listItem);
}
}
};
xmlhttp.open("GET", "update.php", true);
xmlhttp.send();
return false;
}
scrollDrag.js文件只指定了要滚动的元素，即“sub-lb”，以及touch&drag事件，所以应该不是问题的原因。
问题重复:元素“sub-lb”目前正在元素“lb”上滚动，我不知道如何让它滚动到下方。
最佳答案
看起来您正在使用普通的 Bootstrap css。从您提供的代码来看，据我所知，z-index 似乎没有设置在任何地方。
为了测试，将style="z-index:xx"添加到元素中，其中xx是您选择的一些数字，确保较高的索引是一个你想要的。
一旦您确认这有效，您应该考虑包括一个包含所有 css 自定义的覆盖 css 文件，这样您就可以避免内联样式并保持 Bootstrap css 原样。
如果您已经尝试过这种方式，请发布代码，因为在我看来，这是解决此问题的最简单方法。
关于javascript - Div 元素滚动到另一个 div 元素上方而不是下方，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31686355/
26
4
0
假设有一个具有非常简单的 UI 层次结构的窗口，它只有两个同级: NSTextView 和 NSButton，并且它们确实重叠。 我的问题是，为什么光标悬停在按钮上时会有所不同，具体取决于其下方是否有
例如，当我将 TPanel 添加到表单并使用 alTop 对齐它，然后将 TMainMenu 添加到同一表单时，主菜单位置会覆盖面板位置，以便主菜单保持在窗体的最顶层，面板显示在其下方。 是否可以覆盖
我想构建一个 UI，其中我在屏幕顶部有一些固定的小部件(在所有选项卡上可见)，然后在它们下面我想要一个 TabBarView(底部有选项卡栏)，这是否可能而不使您的自己的标签小部件还是 TabBarV
我一直在这里关注 Phaser 3 的介绍 http://phaser.io/tutorials/making-your-first-phaser-3-game并发现我的 Angular 色“悬停”在
我在 View 中间有一个 UITextView，在 View 底部有一个 UIToolBar。当我触摸 UITextView 时，我希望在 UIToolBar 上方出现一个可视键盘。我该怎么做？ 最
我正在尝试制作井字游戏，我有一个 3 x 3 按钮网格，但我想在按钮上方有一个栏，显示分数和玩家姓名，有人可以帮助我吗？到java，不知道从哪里开始。 import javax.swing.*; im
是否可以指定 noUiSlider 绘制的工具提示的位置？似乎默认情况下它将第一个放在 slider 上，第二个放在下面。我理解这里的可用性目标，但我想把两者都放在上面或下面。 示例(带有上方和下方的
我的应用程序中有主详细布局(参见左图): 我为操作栏设置了导航模式列表(使用它来过滤第二个 fragment 中的 ListView ): final ActionBar actionBar = ge
我是 iOS 编程新手，在使用 XLPagerTabStrip(github.com/xmartlabs/XLPagerTabStrip) 时遇到了困难。我按照它的教程，成功在VC的顶部添加了Page
这个问题适用于任何项目，但在这种情况下，我想将我的图像放置在 map 上方，目前它位于 map 下方。 我是 swift 1.2 的新手，所以我不知道如何组合一个示例，任何帮助将不胜感激。 最佳答案
我如何在 javascript 中确定一个元素是否在视口(viewport)上方(用户已经滚动过它)(不仅仅是它是否可见)？ 在这段代码中: 控制台日志(iselement1aboveviewport
我正在尝试将工具栏添加到我的 View Controller 。 我的 View Controller : -(void)loadView { UIWebView *webView = [[U
我知道这是一个一般性问题，但任何方向都会有所帮助。 所以我正在使用这个模块 https://github.com/maxep/MXSegmentedPager尝试重新创建 Twitter 的个人资料页
我需要在保存按钮下放置一个带有 id 的 div。这是 html 代码: save 这是我的 : 通过这种方式，div 隐藏了按钮，我的目的是在 div 上方显示按钮。
我试图将我的整个 refreshControl 放在 tableview 后面。我可以通过这样做来放置实际的微调器: self.tableView.addSubview(refreshContro
这在 Safari 和 Firefox 中都会发生。我的导航栏看起来像这样: Test 相关的 CSS 看起来像: li { float: left } a:hover {
我在 CSS 中的 #footermain div 上有一个框阴影，但我无法让它显示在绿色页脚上方。我什么都试过了，还是想不通。 #footermain { background: #1f6c
我试图将图像部分放置在旋转 slider 上方( slider 上侧的一部分应该被图像覆盖)我试过 image{position:relative; z-index:10; } slider{posi
我认为这是一个简单的问题，但我无法理解它。我在页面顶部有一个固定的 div，当我向下滚动查看内容时，内容(文本)显示在该固定 div 上方 5 像素的边距中。该边距(黑色，请参阅 https://js
我有两个 div，在页脚配置中。目的是在悬停时通过显示隐藏的 div 向上扩展页脚。 #extendedFooter, #test { display: none; } #standardFo
我是一名优秀的程序员,十分优秀！