모바일 웹 애플리케이션의 탐색 바를 고정시켜 달라는 요청이있었습니다. 이것은 매우 간단해야하지만, 포지션을 설정하자마자, div를 고정시킨 div에 고정 시키면 모든 지옥이 풀 렸습니다.위치 : 탐색 바에 고정되어 스크롤이 끊어졌습니다.
처음에는 다른 모든 요소가 위로 올라와 겹칩니다. 나는 얻을 수 있고 함께 일할 수 있습니다. 큰 문제는 스크롤링이 전혀 작동하지 않는다는 것입니다. 마우스 스크롤 버튼을 클릭하여 "스크롤 스크롤"을 얻을 수 있지만 휠을 돌리면 최신 크롬, 즉 10 및 사파리는 전혀 작동하지 않습니다. 이것은 모바일 앱이므로 가장 가능성이 큰 마우스를 사용하지는 않지만 기기에서 화면이 고르지 않게 만듭니다. iOS 및 Android로 테스트했습니다.
흥미롭게도 가운데 버튼 클릭을 왼쪽 마우스 클릭으로 해석합니다.
변형이있을 경우 수정 된 부분이 제대로 작동하지 않는다는 점을 발견했습니다. 그것은 고정 된 실제로 고정 된 대신 절대적으로 작동하지만 위의 문제가 여전히 있습니다.
CSS
#header {
position:fixed;
top:0;
left:0;
right:0;
text-align:center;
height: 40px;
background: black;
}
HTML
<div id="header">
<table class="head">
<tr>
<td class="hleft" id="logout" onclick="javascript: window.history.back();"></td>
<td class="comm">Community</td>
<td><asp:TextBox ID="searchbox" CssClass="k-textbox searchSmall" runat="server" OnTextChanged="searchbox_TextChanged"></asp:TextBox></td>
</tr>
</table>
</div>
편집 : 난 단지 내가 올바른 길이를 적절하게 자르고로 중앙 텍스트를 얻는 데 문제가 있었기 때문에, 테이블을 사용하려고 보관하고 아래이었다 있어요 다음 셀, 아직도이 btw. 테이블은 요구 사항이 아니며 실제로 표준 스타일의 목록 메뉴를 사용하는 것을 선호하지만이를 시도하고 couldnt가 작동하도록했습니다.
당신의'# wrap' CSS를 게시하십시오 –
@HC_ 제가 말한 래퍼는 # wrapped입니다 div # header –
당신의 문제를 보여주기위한 피델은 어떻습니까? – Terry