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

我有一个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>

来源

2012-07-18 Aditi Nilangekar

你能提供一个代码示例吗？ – mohang 2012-07-18 05:46:57

当然，对不起在这里新的。我如何发布代码。 – 2012-07-18 14:33:08

分享html代码的简单方法是将其放在http://jsfiddle.net/上，并在此处分享链接。或者，只需使用“代码”格式将代码粘贴到您的问题中（编辑工具栏上的按钮即可将内容标记为代码） – 2012-07-19 03:17:00

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

来源

2012-07-23 21:37:50

嘿，对不起，该项目暂停了一段时间。会试试这个。非常感谢你的帮助。 – 2012-08-09 05:53:17

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

回答

相关问题