Я пытаюсь развернуть свою страницу, чтобы перейти к разным разделам на моем сайте. Например, если пользователь нажимает на ссылку, говорящую с нами, он будет спускаться вниз по странице в раздел контакта (страница представляет собой одностраничный дизайн с меню, установленным слева). Я хочу использовать метод «timed», чтобы он прокручивался, а не «прыгал». Я нашел пример в http://webdesignerwall.com/tutorials/animated-scroll-to-top в jquery, знает ли кто-нибудь лучшее учебное пособие для разных частей сайта, а не только назад?Timed jquery/back to top html css link
0
A
ответ
0
0
формат
Ссылка: <a href="#IDofElementToScrollTo">Click This</a>
Целевой элемент: <div id="IDofElementToScollTo"></div>
$('a[href*=#]').click(function(e) {
e.preventDefault();
var target = $(this.hash);
var elm = $(target).attr("id");
var loc = $(target).offset().top;
$('body').animate({ scrollTop: loc}, 4000);
});
Смотрите эту скрипку: http://jsfiddle.net/Mft3T/
+0
Спасибо, это помогло мне - я использовал некоторые из вас, а затем и ниже. Благодаря! – 2013-03-13 03:14:12
Смежные вопросы
- 1. back to top link hide under text
- 2. CSS - Top to Logo = 0px
- 3. css animate top to auto
- 4. HTML/CSS: link not clickable
- 5. Html CSS IFRAME Link Glitch
- 6. Wordpress top menu link to show/hide div
- 7. link html css и image
- 8. link dont scroll to top of page issue
- 9. CSS/Javascript Auto Scroll To Top
- 10. Jade to HTML/CSS
- 11. jQuery append css link to iframe head
- 12. элемент прыгает на $ ('# cart_table'). Css ("top", $ ('# cart_table'). Css ('top'));
- 13. HTML: Изображение wont go to top :(
- 14. html link to relocate google map
- 15. Ruby url to html link conversion
- 16. Ошибка CSS CSS link
- 17. Timed FadeOut не работает
- 18. Проблема с CSS с кнопкой «back-to-top»
- 19. css изображение hover link
- 20. CSS: Top vs Margin-top
- 21. HTML CSS DIV margin-top не работает
- 22. CSS, PHP, HTML Active Dropdown Link Issue
- 23. Объединение html link anchor с css hover
- 24. javascript scroll back to top
- 25. Css link messing up
- 26. Как перенести текст в html align to top?
- 27. iframe jump to named link
- 28. Navbar Delayed Affix to Top
- 29. CSS hexagon link hover
- 30. Scroll TextArea to Top
Спасибо, css-трюки, которые отлично работали – 2013-03-13 03:14:37