с использованием <a></a> для прокрутки страницы с одной страницей

Я работаю над веб-сайтом одной страницы и испытываю проблемы с тегами <a></a>.с использованием <a></a> для прокрутки страницы с одной страницей

Я хотел бы, чтобы пользователь, нажав кнопку Div, попал в другую часть страницы. На данный момент у меня есть <a></a>, которые делают это.

'<a href="#divid">About</a>'

css-tricks.com/examples/SmoothPageScroll/#two это хороший пример того, я использую для прокрутки через страницу

, но каждый раз, когда я помещаю эти метки вокруг изображения в моем DIV все свойства щелчка div перестают работать. Пример:

<div id="about-button" class="button"> 
    <a href="#about"><img src="images/menu-about.png" 
          alt="about" class="button"/></a> 
</div>

Я могу сказать, что это происходит из-за a тега, находящегося на вершине дел.

Мой вопрос: есть ли способ сделать знак <a> сидеть под или работать бок о бок с div и все еще работать?

или если этого не сделать. любое чтение я могу сделать или примеры лучшего способа, чтобы перейти к определенной части страницы с вне использования «» тегов

источник

2012-07-03 matt23

я есть теги, которые делают что * – matt23

Вместо того, '#' с (так как вы добавили эту JQuery), вы можете использовать [ 'scrollTop()'] (http://api.jquery.com/scrollTop /) для прокрутки в нужное место. – Rup

@ matt23: Было бы здорово, если бы вы предоставили нам больше кода. Как и код jQuery, и даже лучше с некоторой «скрипкой». – void

вы можете попробовать что-то вроде этого:

$('a').click(function(e) { 
    e.preventDefault(); 
    var scr = $('#target').offset().top; // top offset of the target element 
    $('html, body').animate({scrollTop: scr}, 1000) 
})

DEMO

источник

2012-07-03 12:38:58 undefined

жаль всех моих англичан не очень хорошо плохо постарайтесь реструктурировать мой вопрос и снова спросить – matt23

@ matt23 все в порядке, вы имеете в виду что-то вроде этого? http://jsfiddle.net/UdK4h/1/ – undefined

http://css-tricks.com/examples/SmoothPageScroll/#two Это хороший пример того, что я использую для прокрутки по странице – matt23

Вместо того, чтобы пытаться манипулировать тем, как работают элементы DOM, было бы намного проще изменить селектор jQuery? http://api.jquery.com/parent-selector/

источник

2012-07-03 13:23:07 smilebomb

Вы имеете в виду прикрепить обработчиков щелчков div к якорю? – Rup

@Rup Да, это было бы именно то, что я имею в виду. – smilebomb

Я все-таки избавился от div! и применил событие onclick для div к тегу и установил изображение в качестве фона тега . жаль снова, если я вызвал какое-то замешательство, означающее, что у него было время. Благодарю за помощь. – matt23

с использованием <a></a> для прокрутки страницы с одной страницей

ответ

Смежные вопросы