ссылка http://test.ru/#scroll_garniry обрабатывается и скроллится до элемета в тексте у которого есть класс scroll_picca
|
1 2 3 4 5 6 7 8 9 10 11 |
var hash=window.location.hash.toString(); if(!empty(hash)){ if(hash!="#"){ var myclass = '.'+hash.slice(1); //var a_menu =jQuery('attr[href="'+hash+'"]').html('33333'); position =jQuery(myclass).position(); jQuery("html, body").animate({scrollTop: position.top-95}, 600); } } |
А вот меню для скролла.
только на главной странице скрол, на других — клик , затем переход на главную+ скролл на главной. Нужно заранее определиться с переменной $page .
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 |
<ul id="uslugi"> <li><a class="arrow" href="">Меню</a> <ul> <?php $mas_id= array( 'scroll_picca'=>'Пицца', 'scroll_rolly'=>'Роллы', 'scroll_garniry'=>'Гарниры', 'scroll_salaty'=>'Салаты', 'scroll_bizlanch'=>'Бизнес ланч', 'scroll_deserty'=>'Десерты', 'scroll_napitki'=>'Напитки', ); foreach ($mas_id as $key=>$val){ $id_scroll=$key; if($page=='main'){ $slesh=''; ?> <li><a id="<?php echo $id_scroll; ?>" href="<?php echo $slesh; ?>#<?php echo $id_scroll; ?>"><?php echo $val; ?></a></li> <?php }else{ //$id_scroll=''; $slesh='/'; ?> <li><a id="<?php echo $id_scroll; ?>" href="<?php echo $slesh; ?>#<?php echo $id_scroll; ?>"><?php echo $val; ?></a></li> <?php } } ?> </ul> </li> </ul> |
