2017-04-10 11 views
-2

私は会社の電話リストを表示するPHPページを持っています。オプションボタンを使用して、ページの上部と下部のデータを追加したり削除したりできます。ページの上部に情報を残す

ユーザーがスクロールすると、もちろんボタンが移動して見えなくなります。

ユーザーがスクロールしてもアイテムがページの上に留まるようにする方法はありますか?

EDIT:位置を固定してみましたが、情報を表示するデータベースが重なっています。イムは間違っているのですか?

私のコード:

<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

"position:fixed;" 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

関連する問題