Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 19.09.2012, 16:29
Новичок на форуме
Отправить личное сообщение для khramy Посмотреть профиль Найти все сообщения от khramy
 
Регистрация: 19.09.2012
Сообщений: 1

скролл до нужного элемента страницы
Здравствуйте! Помогите, почему не работает скрипт:
$(document).ready(function() {
            $('div.center_block, li').stop().animate({scrollLeft: 0, scrollTop:$('#p4').offset().top}, 1000);
            $('#p4').css('backgroundColor','#ffffff');
            $('#p4').css('color','#000000');
      });

И самое интересное,что проверял скрипт, все работает, вставляю в сайт не работает.
Вот тестовая страница
<!DOCTYPE html> 
<html>
<head>
	<html lang="ru">
	<meta charset="windows-1251">
	<title>dgdgdgdg</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script language="javascript" type="text/javascript">
[JS]/*<![CDATA[*/
      $(document).ready(function() {
            $('div.block, li').stop().animate({scrollLeft: 0, scrollTop:$('#p4').offset().top}, 1000);
            $('#p4').css('backgroundColor','#ffffff');
            $('#p4').css('color','#000000');
           
      });
/*]]>*/[/JS]
</script>
</head>
<body>
	<style type="text/css">
.block {
	position: fixed;
	width: 250px;
	height: 150px;
	overflow: auto;
	background-color: yellow;
	overflow-x: hidden;
}


#p1, #p2, #p3, #p4, #p5, #p6, #p7, #p8, #p9 {
	width: 230px;
	padding: 10px;
	margin-top: 3px;
	background-color: red;
} 

li {
	margin-left:0px;
	list-style: none;
}
</style>
<div class="block">
	
	<li><a href="#"><div id="p1" class="punkt_block">Мои блоки1</div></a></li>
	<li><a href="#"><div id="p2" class="punkt_block">Мои блоки2</div></a></li>
	<li><a href="#"><div id="p3" class="punkt_block">Мои бло<br>вмвмивки3</div></a></li>
	<li><a href="#"><div id="p4" class="punkt_block">Мои блвмв<br><br>мивмиоки4</div></a></li>
	<li><a href="#"><div id="p5" class="punkt_block">Мои блоки5</div></a></li>
	<li><a href="#"><div id="p6" class="punkt_block">Мои блоквисрвсмрвпмси6</div></a></li>
	<li><a href="#"><div id="p7" class="punkt_block">Мои блоки7</div></a></li>
	<li><a href="#"><div id="p8" class="punkt_block">Мои блоки8</div></a></li>
	<li><a href="#"><div id="p9" class="punkt_block">Мои блоки9</div></a></li>
	
</div>

</body>
</html>


Вот кусок кода, к которому я применяю эффект на сайте:
<div class="block">
                <div class="verh_block"></div>
                <div class="center_block">
                    <script src="./files/block_index_sand.js" type="text/javascript"></script>(в скрипте функция document.write)
                    </div>
                <div class="bottom_block"></div>
            </div>
Ответить с цитированием
  #2 (permalink)  
Старый 19.09.2012, 22:06
Аватар для Gozar
Отправить личное сообщение для Gozar Посмотреть профиль Найти все сообщения от Gozar
 
Регистрация: 07.06.2007
Сообщений: 7,504

1. Это раздел, где выкладывают рабочие скрипты.

На форуме есть раздел: http://javascript.ru/forum/jquery/, который специально создан для того, чтобы вы там задали свой вопрос.

2. Второе никто не будет собирать страницу, чтобы тестировать ваш скрипт. Если хотите, чтобы кто-нибудь его посмотрел, выложите его так, чтобы можно было перейти на тестовую страницу по ссылке!
__________________
Последний раз редактировалось Gozar, Сегодня в 24:14.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как определить реальное расстояние от начала страницы до элемента? cartrege Events/DOM/Window 13 20.12.2018 20:44
зафиксировать состояние элемента при обновлении страницы allforweb jQuery 9 05.01.2013 13:48
"Путь" до нужного элемента Pixelus jQuery 2 06.03.2012 21:34
Удаление элемента страницы Luter1984 Общие вопросы Javascript 3 20.01.2011 18:51
Как прокрутить скролл до элемента PAMAC Общие вопросы Javascript 2 04.10.2010 09:56