how to scroll with CSS

Hi guys,

I have www.mobile.am
I have the brands in the left, but when you click on lets say NOKIA, on the next page you still need to scroll to NOKIA to see it, How can I automatically scroll the DIV to NOKIA?

Thanks in advance

 

Not sure what your are trying to do, but have a look at this reference: www.domedia.org/oveklykken/css-div-scroll.php

it might help

 

yeah, that's what I have now, but when you go to
http://www.mobile.am/?lang=en&brand=Nokia

I want the left pane to be like in the attachment

 

If you're into mobile phones (which I'm definitely NOT! & only keep because they are s'posed to be a thoughtful luxury xmas or birthday presents!) (despite the fact that everyone knows I hate their existence!) .... that was a really nice looking site.

Loaded quick and attracted my longer term attention.

Sorry ... what was your problem ?

Where would we be without mobiles?

 

Thanks for comments
My problem is indicated above
We'd be lost without them, and we would have lost a lot of time on doing something, while with a mobile you can do business on the fly

 

Hi,
I found this on your site:
href="?lang=en&brand=BenQ"
So I assume that you are making pages using some scripting language.
Instead of trying to scroll down to the desired link on the target page, why not print the link on top of the navigation list?
So if I click the BENQ link, <a href="?lang=en&brand=BenQ">BenQ</a> can be printed using the scriptting language, above all links in the menu.
Hope I understood you right.
Bye

 

thanks JEET

Yes I use ASP and all the data is in a MsSQL database. I can do that, that's an option, but for instance your next step is choosing the series of the specific brand and you wanna see lets say all K series of Sony Ericsson, you will need to scroll down to K everytime you are browsing a new phone. So that makes it a bit hard.

My only concern is that I wanna make it more user friengly, like you want to find something, you look at the page and its there. you need this, its here.

Looking to the stats of that website I see that 60+% of the unique visitors add this site to their favorites. I wanna have it easy navigatable

So I guess there is no other chance than having that on top.

Well I also can calculate the heights of the whole brands section, is it possible to move the scrollbar let's say 100 down from the top?

Regards
Ludwig

 

Here's a suggestion, download jQuery and the Interface FX extension (you can just choose the "scrollTo" interface effect.

http://www.jquery.com
http://interface.eyecon.ro/download

Include the JS files, give each link a brand ID (<a id="brand" href="">) and do something like this:

<?php
   if(isset($_GET['brand'])) {
?>
   <script type="text/javascript">
       $("div#menu a#" + <?php echo $_GET['brand']; ?>).scrollTo(800);
   </script>
<?php
   }
?>

Code (markup):

 

thanks Tiki

I thinks that's what I need, I will have to spend some time on it also

I just greened you, there are great tools on that site

 

Alternatively, you can just link to the nokia page with the target="" set to "#nokia" and then where you have nokia on the left, put

<a name="Nokia" id="Nokia"></a> right before where Nokia is bolded out

What I'm saying is use anchor points and then link to those anchor points. Been awhile since I have linked to anchor points so I may be telling you how to do it in the wrong way, but a couple seconds on google and you should be able to discover the proper way


Actually, on the nokia page, you would set the IFRAMES target to nokia

 

actually I don't have iframes there, its just DIVs and it is in the content of each and every page. If I change my links from ?lang=en&brand=Nokia to ="?lang=en&brand=Nokia#Nokia Google will start a new indexing when it sees that the URLs have changed

besides, I tried it locally and I wonder why but it did not work I don't have a clue, maybe its because of the DIVs, I don't know