html 링크 페이지 상단으로 이동

Question

비디오를 열기 위해 jquery 코드를 호출하는 링크가 여러 개 있습니다. 링크 목록은 페이지에서 꽤 오래 걸릴 수 있습니다. 누군가가 링크를 클릭하면 동영상이 열리는 페이지 부분 (<div id="player">)으로 사용자를 연결하려고합니다. 나는 <a href="#player"...을 넣는 것이 속임수라고 생각했다. 내가 뭘 놓치고 있니? 이 비디오 플레이어에서 대신의 상단에 당신을 배치하지만

<div id="player"></div> 
<a href="#player" onclick="DoNav('<?php echo $url; ?>');"> <?php echo $result_videos[$i]["camera_name"]; ?> </a> 

<script type="text/javascript"> 
function DoNav(theUrl) 
{ 
    // only add the player if it doesn't yet exist 
    if($('#myfileplayer').length == 0) { 
    var mydiv = $("#player"); 
    var myvideo = $("<video id='myfileplayer' src='"+ theUrl + "' width='320' height='240' controls></video>"); 
    mydiv.append(myvideo); 
    } else { 
    $('#myfileplayer').attr("src",theUrl); 
    } 

} 
</script> 

좀 위의 코드는 비디오의 첫 번째 클릭 작동합니다. 두 번째로 링크 목록을 클릭하여 하나를 클릭하면 아무 것도하지 않습니다.

div 위의 <a name="blah"></a> (즉 html4)을 추가하여 href를 <a href="#blah"...으로 변경해 보았습니다. 그것도 작동하지 않습니다.

Answer 1

제대로 이해했다면 링크를 클릭 할 때 창을 div # player 상단으로 스크롤하고 싶습니까?

$("yourLinkSelector").live('click', function(evnt){ 
    evnt.preventDefault(); 
    $('html, body').animate({scrollTop:$("div#player").offset().top - 50}, "slow"); 
    //then your code to open the video 
}); 

: 당신이 트릭을 할해야 영상이 같은

뭔가를 열 때

은 그럼 당신은 jQuery를 통해이 작업을 수행 할 수