make the menu fixed


Author Message
Ghada

Posted: 2/4/2015
Quote message 

I want to make my menu fixed when I scroll down
the side menu not the header

if you check this link :
http://bluepages.com.sa/Search/1/%D9%85%D8%AD%D9%85%D8%AF

if you scroll down , the right side menu will be on the to !!
 
jrgweb

Posted: 2/4/2015
Quote message 

@Ghada

I assume you are wanting something like this?

http://demos.jrgweb.net/fixed_vmenu/blog.html

If so you can had this script and css.
Keep in mind, depending on your template other tweaks may be needed.
Also, this example is for HTML and modifications will have to be made for joomla or wordpress.

<script type="text/javascript">
$(window).scroll(function() {
var scroll = $(window).scrollTop();
if (scroll >= 140) {
$(".art-vmenublock").addClass("tiny");

}
if (scroll <= 140) { $(".art-vmenublock").removeClass("tiny");

} });
</script>

css:
.art-vmenublock.tiny {
position:fixed;
width:190px;
top:0;
}