Question

Hello分组，

我的网站上有一张桌子，底部有一个按钮。但是当桌子在某些网站上变得太长时我需要滚动。问题：它在一个不支持滚动条的数字标牌播放器中。所以我需要添加一个按钮向下移动一下。多数民众赞成完成。

我的问题是。按钮应该保持在右侧并且从顶部保持50％ - 但是50％需要是可见区域，而不是具有长列表的完整按钮。此外，当页面向下滚动时，它应始终保持在右侧的中间位置。

目前就是这样：当我在中间显示时，它从完整的一侧显示在中间，但不是从可见的中间显示。

例如......当你在这里提出问题时，你会看到这个＆＃34;类似问题＆＃34;盒子在右边？它也是那样......它和你一起滚动

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>

Answer 1

尝试这样的事情：

＆＃13;

div#your-player {
  height: 300px;
  border: solid 1px silver;
}

button#the-button {
  position: fixed;
  top: 50%;
  right: 0;
}

＆＃13;

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

＆＃13;

按钮到右侧但不与页面的其余部分一起移动

1 个答案: