오른쪽에 수평 스크롤 막대 슬라이더의 시작 위치 지정

CSS 방향 ("ltr"또는 dir = "ltr"또는 asp : Panel 방향 = "rightToLeft")을 사용하지 않고 수평 스크롤 막대 슬라이더를 오른쪽으로 설정하려고합니다. ...오른쪽에 수평 스크롤 막대 슬라이더의 시작 위치 지정

수평 스크롤 막대 슬라이더를 제어하는 개체에 액세스하여 위치를 지정하기 만하면됩니다. aspx 페이지 또는 aspx.cs.

aspx 페이지 :

<script type="text/javascript" src="../js/jquery-1.4.2.min.js"></script> 
<script type="text/javascript" src="../js/BeginScrollFromRight.js"></script> . . . 
<body id="body" style="overflow:auto; height:100%;width:100%;"> . . . </body>

JS 페이지 : 사용하는 경우 RTL하지만 수평 스크롤을 위해 다른 객체가 지원되지 않기 때문에 : 나는 방향에 대해 동일한 효과를 가질 필요가

function BeginScrollFromRight() 
{ 
    $("#body").scrollLeft($(window).width()); 
}

방향 : rtl

<td id="tdView" runat="server" dir="ltr" align="center"> 
         <table onclick="hideMenusComplex();" oncontextmenu="hideMenusComplex();" id="tblView" runat="server"> 
          <tr> 
           <td> 
            <asp:Label ID="lblView" runat="server" ForeColor="#5E82D6" Visible="false"><%= translate("View : ") %></asp:Label> 
           </td> 
           <td> 
            &nbsp;</td> 
           <td> 
            <cc1:Combobox AlignContainer="Center" ID="ddlViews" runat="server" OnClientChange="onChangeValue()" 
             FolderStyle="../EsStyles/ComboXpBlue" AutoPostbackEnable="false" Width ="200"> 
            </cc1:Combobox> 
           </td> 
           <td> 
            <asp:Label ID="lblViewArabic" runat="server" ForeColor="#5E82D6" Visible="false"><%= translate("View : ") %></asp:Label> 
           </td> 
          </tr> 
         </table> 
        </td>

이것은 코드이며 ddlViews는 드롭 다운 목록입니다. 그 잘못된 방법으로 열리고, 드롭 다운 목록은 컨트롤의 왼쪽에 열려있는 컨트롤 아래에 열리지 않습니다.

출처

2010-06-30 Codeffect

아직 오른쪽에없는 스크롤바를 본 적이 없습니다. 여기에서 당신의 유스 케이스는 무엇입니까? –

아랍어를 지원하기 때문에 가로 스크롤 막대를 오른쪽에서 시작해야합니다. – Codeffect

'컨트롤의 왼쪽에서 컨트롤이 열리고있는 상태에서 드롭 다운 목록이 열리지 않습니다. '콤보 상자의' '왼쪽에 있다는 것을 의미합니까? 아래보다는? –

오른쪽에서 왼쪽으로 읽는 언어의 경우 direction: rtl이 실제로 제대로 작동하는 유일한 방법입니다.

그냥 오른쪽 끝으로 스크롤하려면

같은 jQuery 자바 스크립트 :

$("#YourContentDiv").scrollLeft($("#YourContentDiv").width());

나 :

$(window).scrollLeft($(window).width());

그것을 할 것입니다.

. 이

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> 

<script type="text/javascript"> 
    function jQueryMain() 
    { 
     $("#YourContentDiv").scrollLeft($("#YourContentDiv").width()); 

     $(window).scrollLeft($(window).width()); 
    } 


    $(document).ready (jQueryMain); 
</script>

을 .:처럼 당신이 jQuery를 처음 사용하는 경우
, 당신은 당신의 페이지에 추가 할 수 있습니다.
추신 : jQuery는 이와 같이 자바 스크립트에서 크로스 브라우저 번거 로움을 극복합니다.

출처

2010-06-30 09:39:24

자바 스크립트 파일에서 $ (window)를 사용하면 오류가 발생합니다. 개체가 예상됩니다. 어쩌면이 문제를 해결할 방법이 없습니다. – Codeffect

even window.scrollLeft (window.width()); 작동하지 않습니다 – Codeffect

@ 코드 효과 : jQuery가 페이지에 있습니까? 전체 솔루션에 대한 업데이트 된 답변을 참조하십시오. –

오른쪽에 수평 스크롤 막대 슬라이더의 시작 위치 지정

답변

관련 문제