页面向上滚动，当我点击一个链接

Question

我有一个HTML页面有一个滚动条（默认滚动条）&我有一个小页面的底部的形式。

现在问题是当我向下滚动&点击选择/列表菜单从窗体中选择任何选项，滚动条向上移动。这是为什么发生？由于页面不是很长，我仍然可以选择这些选项。为什么滚动条上升？有人可以帮助我吗？

我看到有时候#link可能是原因，我试过删除它，但仍然是一样的。也有“的onfocus = ...在我的网页，我试图去除&测试，但它仍然上升。

在此先感谢。

下面是形式的代码。

<div class="bottom-form"> 
<form action="#" method="post"> 

<div class="main-inp-box"> 
<div class="inp-box"> 
    <label> 
    <input type="text" name="textfield" id="textfield" class="field1" placeholder="Enter your first name" onblur="if(this.value=='') this.value='Enter your first name';" onfocus="if(this.value=='*Enter your first name:') this.value='';"/> 
    </label> 
</div> 


<div class="inp-box"> 
<label> 
    <input type="text" name="textfield" id="textfield" class="field1" placeholder="Your email id here" onblur="if(this.value=='') this.value='Your email id here ';" onfocus="if(this.value=='*Your email id here:') this.value='';"/> 
    </label> 
</div> 


<div class="inp-box" style="margin-right:0"> 
<dl id="sample" class="dropdown"> 
     <dt><a href="#"><span style="color:#dad9d9; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; font-style:italic; ">Select your role</span></a></dt> 
     <dd> 

      <ul> 
      <div class="head2"><strong>Lorem ipsum</strong></div> 
       <li><a href="#">Option1<span class="value">xx</span></a></li> 
       <li><a href="#">Option2<span class="value">yy</span></a></li> 
    <li><a href="#">Option3<span class="value">yy</span></a></li> 
      </ul> 

     </dd> 
     </dl> 
</div> 

</div> 

<div class="main"> 
<div class="notify_btn_box"><a href="#" class="red-btn"></a></div> 
<div class="arrow"><img src="images/arrow.png" /></div> 
</div> 

<div style="text-align:center; margin-bottom:100px;"><span class="text-note">*we have no spam policy</span></div> 

</form> 
</div> 

这里是更新的代码，用＃删除

<div class="inp-box" style="margin-right:0"> 
<dl id="sample" class="dropdown"> 
     <dt><a href=""><span style="font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; font-style:normal; color:#909090; ">Select your role</span></a></dt> 
     <dd> 

      <ul> 
      <div class="head2"><strong>Who are you?</strong></div> 

       <li><a href="">Option1<span class="value">xx</span></a></li> 
       <li><a href="">Option2<span class="value">yy</span></a></li> 
       <li><a href="">Option3<span class="value">yy</span></a></li> 
      </ul> 
     </dd> 
    </dl> 
</div> 

Answer 1

您使用的是<dl>标签好像它是一个下拉列表，但它确实是一个definition list。下拉菜单使用<select>标签创建，一旦解决该问题，您将不再需要<a href="#">项目（这将导致滚动）。