링크를 클릭하면 페이지가 위로 스크롤됩니다.

Question

스크롤 막대 (기본 스크롤 막대)가있는 html 페이지가 있습니다. & 페이지 하단에 작은 폼이 있습니다.

이제는 스크롤 할 때 & 을 선택/목록 메뉴을 선택/선택하여 양식에서 옵션을 선택하면 스크롤 막대가 위로 이동합니다. 왜 이런 일이 일어나는 걸까요? 페이지가 너무 길어서 옵션을 선택할 수 있습니다. 왜 스크롤바가 올라 갔습니까? 누군가가 이걸 도와 줄 수 있습니까?

가끔씩 # 링크가 그 이유 일 수 있다고 읽었습니다. 제거하려고 시도했지만 여전히 동일합니다. 또한 내 페이지에 "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> 

다음은 업데이트 된 코드입니다. # 당신은 <dl> 태그를 사용하고

<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

제거와 함께 마치 드롭 다운 목록이지만 실제로는 definition list입니다. 드롭 다운은 <select> 태그를 사용하여 만들어지며 수정하면 더 이상 <a href="#"> 항목 (스크롤을 유발하는 항목)이 필요하지 않습니다.