Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Сделать активным блок
 
 автор: bibika   (20.01.2015 в 12:18)   письмо автору
 
 

Ситуация такая.
Есть страницы на которых слева размещено содержание, а справа сам контент. Содержание очень долгое и хотелось бы его спрятать в оverflow с скроллингом. Проблема в том, что при переходе на страницу в содержание подсвечивается конкретный пункт меню через стили. Я не знаю что делать в ситуации, когда нужный пункт меню уедет за видимые границы скроллинга, как прокрутить список, что б он стал видимым.

  Ответить  
 
 автор: bibika   (20.01.2015 в 14:09)   письмо автору
 
   для: bibika   (20.01.2015 в 12:18)
 

Сделал криво, но работает

<html>
<head><script src="jquery.js"></script>
    <script>
       
        $(document).ready(function (){
           
                //$(this).animate(function(){
                    $('div.layer').animate({
                        scrollTop: $("#d5").offset().top
                    }, 2000);
                //});
           
        });
  
    </script>

<style>
   .layer {
    overflow: scroll; /* Добавляем полосы прокрутки */
    width: 200px; /* Ширина блока */
    height: 70px; /* Высота блока */
    padding: 5px; /* Поля вокруг текста */
    border: solid 1px black; /* Параметры рамки */
   } 
  </style>
    </head>
    <body onload="aa();">
        
    
    <div class="layer">
   
   <div id="1">1 punkt</div>
   <div id="2">2 punkt</div>
   <div id="3">3 punkt</div>
   <div id="4">4 punkt</div>
   <div id="d5">5 punkt</div>
   <div id="6">6 punkt</div>
   <div id="7">7 punkt</div>
     </div> 
     <br /><br /><br />
    <button id="click">Click me</button>

</body></html>

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования