ansaurus

Question

Positioning the starting position of Horizontal Scrollbar slider on the right

Answer 1

+1 A:

For languages the read right-to-left, direction: rtl is really the only way that will work well, in the end.

If you just want to scroll all the way to the right, jQuery JavaScript like:

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

or:

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

will do it.

.
In case you are new to jQuery, you can add it to your page, like this.:

<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>

.
PS: jQuery takes most of the cross-browser hassle out of JavaScript like this.

Brock Adams 2010-06-30 09:39:24

when i am using $(window) in a javascript file i'm getting an error : object expected. maybe there's no way to fix this problem

Codeffect 2010-06-30 09:44:01

even window.scrollLeft(window.width()); is not working

Codeffect 2010-06-30 09:45:59

@Codeffect: Do you have jQuery in your page? See the updated answer for the full solution.

Brock Adams 2010-06-30 09:52:53

The horizontal scrollbar slider didn't begin from right to left. still the same problem

Codeffect 2010-06-30 11:23:11

@Codeffect: What do you mean, "didn't begin from right to left"? It was just supposed to scroll over, other than that it would be the same because `direction: rtl` was used. Please post your page code and, ideally a sketch of what you want.

Brock Adams 2010-06-30 11:46:12

@Codeffect: could you paste the code into your question? And be sure to indent it all 4 spaces so that we can make it out. Or you can use http://pastebin.com/ .If the only reason you are not using `rtl` is because some objects do not suport it, the smart thing would be to use `rtl` and then use jQuery to "fix" just those objects.

Brock Adams 2010-06-30 12:13:58

PS: Did you try this style? `head, body {direction: rtl;}`? That is, style both the head and the body, at minimum.

Brock Adams 2010-06-30 12:16:32

when i try to put the body {direction: rtl;} it works fine but there's only one problem :a dropdown control is not opening well .it just opens well if the body {direction: ltr;}

Codeffect 2010-06-30 12:20:53

Thank you for your help but its really a predicament situation...and i prefer to find a solution without changing the properties of the dropdown.

Codeffect 2010-06-30 12:30:14

how to fix the dropdown with the jquery ?

Codeffect 2010-06-30 12:43:38

@Codeffect: `"how to fix the dropdown with the jquery"` You have to post code that shows the problem and describe what the actual problem is. When I test an `rtl` page, drop-downs (`<select>` s) work as I expect them to. But of course, I am not directly familiar with any rtl languages.

Brock Adams 2010-07-01 03:19:16

i added the drop down list code. now is there a way to move the list under the control with JQuery ?

Codeffect 2010-07-01 06:17:04

First, how are you calling `BeginScrollFromRight()`? Are you using ` $(document).ready ()`? You should.Re: `"is there a way to move the list under the control with JQuery?"` Probably. Unfortunately, I no longer develop with Microsoft tools, so I don't know the **generated HTML** for that Combobox control. Can you post the generated html, for this control as it appears on the output page?

Brock Adams 2010-07-01 07:01:57

BeginScrollFromRight() is located in a js file .and the aspx page is calling this function on client page load,but i didnt work so i removed it.

Codeffect 2010-07-01 07:11:29

ansaurus

tags:

views:

answers:

Positioning the starting position of Horizontal Scrollbar slider on the right

related questions