gpt4 book ai didi

html - 按钮到右侧但不随页面的其余部分移动

转载 作者:太空宇宙 更新时间:2023-11-04 08:30:48 26 4
gpt4 key购买 nike

你好,

我有一个网站,上面有一张 table ,底部有一个按钮。但是当表格在某些网站上变得太长时,我需要滚动。问题:它在不支持滚动条的数字标牌播放器中。所以我需要添加一个按钮来向下移动一点。大功告成。

我的问题是。该按钮应保留在右侧,距离顶部 50% - 但 50% 需要是可见区域,而不是带有长列表的完整区域。此外,当页面向下滚动时,它应该始终保持在右侧的中间。

目前是这样的:当我在中间显示它时,它是从完整的一面看的中间,而不是从可见的一面看。

例如...当您在这里提问时,您会在右侧看到这个“类似问题”框吗?也是这样..它在和你一起滚动

button css:
.buttonscrolldown {
width: 100px;
height: 100px;
float: right;
# display: block;
# padding-top: 100px;
padding-top: 50%;
display: absolute;
margin-right: 20px;
}


<script>
function scrollWindown() {
window.scrollBy(0, 100);
}
function scrollWinup() {
window.scrollBy(0, -100);
}
</script>

<a onclick="scrollWinup()"><img src='images/backwf.png'
class='buttonscrollup'></a><br><br>
<?php
echo "<div class='content'><table class='departmenttext'>\n\n";
$f = fopen("database/all.csv", "r");
$lineCount = 0;
fgetcsv($f);
while (($line = fgetcsv($f)) !== false) {
if ( count($line)<2 ) {
break;
}
if ($lineCount % 2 == 0) {
echo "<tr class='departmenttext'>";
}
echo "<td>" . htmlspecialchars($line[0]) . "</td>";
echo "<td class='faketablesmall'></td>";
echo "<td>" . htmlspecialchars(substr($line[1],-3)) . "</td>";
echo "<td class='faketablemiddle'></td>";

if ($lineCount % 2 == 1) {
echo "</tr>\n";
}
$lineCount = $lineCount + 1;
}
if ($lineCount % 2 == 1) {
echo "</tr>\n";
}
fclose($f);
echo "\n</table></div>";
?>


<a href='departments.php'><img src='images/backwf.png' class='button'></a>

</body>
</html>

最佳答案

尝试这样的事情:

div#your-player {
height: 300px;
border: solid 1px silver;
}

button#the-button {
position: fixed;
top: 50%;
right: 0;
}
<html>

<body>
<div id="your-player" />
<button id="the-button">press me</button>
</body>

</html>

关于html - 按钮到右侧但不随页面的其余部分移动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44801611/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com