2017-04-10 60 views
-2

我有一个显示公司电话列表的php页面。使用选项按钮可以在页面顶部添加和删除以及下面的数据。将信息保存在页面顶部

现在,当用户滚动然后当然按钮移动,然后不能被看到,因为他们不能被点击。

即使用户滚动,是否有一种方法可以使项目保持在页面顶部?

编辑:我尝试使用固定的位置,但它重叠我的数据库显示的信息。有什么我做错了吗?

我的代码:

<center> 
<html> 
<head> 
<style> 
.menu { 
position: fixed; 
height: 0px; 
top: 0; 
left: 0; 
width: 100%; 
} 
</style> 
<title>Extension List</title></head><body> 
<br> 
<div class="menu"> 
<h1> Alpine Motors VW Extension List</h1> 
<h2> Tel: 031 717 7800</h2> 
<h2><a href="add.php">Add Extension</a> 
<br> 
<br> 
<form action="AlpineExtensionList.php" method='post'> 
<input type="submit" value="Print PDF"/> 
<br> 
<br> 
<a href="delete.php"> Delete Extension</a></h2> 
</div> 
<br> 
<br> 
<?php 

代码的其余部分是我的数据库连接和显示数据。

但我试图创建的div之间的部分是我需要作为用户滚动的顶部。

+3

您可以尝试使用“的位置是:固定;”在css – Xidh

+1

PHP与此无关。您需要一个“粘性”或固定标题,它是从HTML和CSS生成的。 – Qirel

+0

请参阅以下https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_fixed_menu – Vbudo

回答

0

您只需将按钮的css位置设置为固定。这仅仅是例子:

#button 
{ 
    position: fixed; 
    top: 30px; 
    right: 20px; 
} 
+0

我尝试过,但写作现在重叠在我的其他信息上 – RedZ