웹 페이지가 열릴 때보기에 요소를 보장하는 방법은 무엇입니까?

Question

페이지를 열 때 특정 컨트롤을 볼 수있게하는 효과적인 전략은 무엇입니까?

특히, 스크롤해야 볼 수있는 부분에 유효성 확인 메시지가 표시되며 필요한 경우 볼 수 있도록하고 싶습니다.

북마크 (anchor)라는 북마크를 사용해 보았지만 사용할 수있는 방법이 없습니다. 페이지를 처리 ​​한 후에 오류가 있다는 것을 알고 있기 때문에 사용할 수 없습니다.

이것은 대부분의 예상되는 솔루션에는 문제가되지 않지만 asp.net-mvc 태그를 추가합니다. 프레임 워크에 펑키 한 것이 있으면 도움이 될 수 있습니다.

그렇습니다. jQuery 솔루션은 괜찮습니다. 이 앵커로 당신에게 거의 같은 결과를 줄 것이다, 그러나 당신이 필요로 할 때 특별히 전화를 할 수있는 - David Wolever

document.onload = function() { location.href = "#foo" } 

Answer 1

Answered on Twitter 오류를보기로 스크롤하십시오.

Answer 2

당신은이 작업을 수행하기 위해 자바 스크립트에서 scrollIntoView 전화의 사용을 만들 수에 의해

Answer 3

또한과 같이, 그것을 할 jQuery를 사용할 수 있습니다

window.scrollTo(
    $("#wannaBeVisible").position().left, 
    $("#wannaBeVisible").position().top); 

Answer 4

마크 업이 같은 유효성 검사 메시지 뭔가;

<p class="validation">Validation message here!</p> 

그런 다음 CSS로이 위치를 지정하십시오.

.validation { 
display: block; 
position: fixed; 
bottom: 0; 
left: 0; 
right: 0; 
height: 1.5em; 
} 

아마도 약간의 변형을 시험해보아야 할 것입니다. 시작하기에 좋은 장소 여야합니다. 이것은 스택 오버 플로우의 상단에 나타나는 팝업과 비슷한 것을 할 것입니다. 단, 스택 하단 오버플로는 맨 아래에있을 것입니다.

JS가 필요하지 않습니다!

More information on CSS Fixed Positioning

Answer 5

이것은 당신이 코드를 해결하기 위해 노력하고있다 사용성 문제처럼 들린다. 유효성 검사 메시지는 해당 컨트롤에 더 가깝게 있어야하며, 그렇지 않으면 관련 메시지가 표시되지 않습니다.

Answer 6

가장 간단한 방법 : 컨트롤 옆에 앵커 태그를 만들고 이름을 지정하고 file.html # anchorname을로드하십시오. URL을 변경하는 것은 가능하지 않은 경우

, '당신은 앵커 요소에 초점을 호출 할 수 있습니다 그것은보기 내가 응용 프로그램의 다른 검증 메시지와 일치 유지하기 위해 노력하고있어