Клик по #page без сдвига окна

119

Digdug

4 ноября 2016, 20:54

827

Есть ссылка <a href="#page1">page</a>. Кликая на эту ссылку, окно браузера сдвигается. Как убрать сдвиг?

ДП

203

Дикий пионер

4 ноября 2016, 21:35

#1

А что должно происходить при клике?

Как бы там в ссылке и прописано, чтобы окно смещалось к элементу с id=page1 или name=page1

354

AlexStep

4 ноября 2016, 21:40

#2

Digdug:
окно браузера сдвигается

Окно браузера или содержимое страницы?

119

Digdug

4 ноября 2016, 22:26

#3

AlexStep:
Окно браузера или содержимое страницы?

Содержимое страницы резко поднимается до самого верха (точнее до уровня #page). Вот думаю, как это убрать.

168

dma84

4 ноября 2016, 22:31

#4

самый простой способ onclick="return false"

Если есть обработчик на этой ссылке, то внутри него e.preventDefault()

119

Digdug

4 ноября 2016, 23:09

#5

dma84:
самый простой способ onclick="return false"
Если есть обработчик на этой ссылке, то внутри него e.preventDefault()

Не работает так, пробовал. Объясню, что хочу)

У меня есть block1, кликнув по ссылке, block1 меняет стиль на display:block. Короче говоря, типичный спойлер, выполненный через target в css. Все работает нормально, все открывается... но вот раздражает то, что скачет содержимое окна. Через js пробовал делать такой трюк, там все нормально, но тогда возникает проблема с ajax.

361

Samail

4 ноября 2016, 23:48

#6

Digdug, вы код этого спойлера покажите, может там href="#page1" можно заменить на что-то.

119

Digdug

5 ноября 2016, 00:00

#7

Samail:
Digdug, вы код этого спойлера покажите, может там href="#page1" можно заменить на что-то.

text spoiler

</div>

<a href="#post-37" id="post-id-37" class="more-link">Показать</a>

css:

.read-more { display:none; }

.read-more:target { display:block; }

168

dma84

5 ноября 2016, 00:04

#8

Samail:
Digdug, вы код этого спойлера покажите, может там href="#page1" можно заменить на что-то.

Например на checkbox

119

Digdug

5 ноября 2016, 00:44

#9

Целый день сидел гуглил, пробовал разные методы, вот еще раз погуглил и нашел нужное решение:

$(document).ready(function(){
$('a[href^="#"]').on('click',function (e) {
e.preventDefault();

var target = this.hash,
$target = $(target);

$('html, body').stop().animate({
'scrollTop': $target.offset().top
}, 900, 'swing', function () {
window.location.hash = target;
});
});
});

Все работает как часы!

S

469

Sitealert

5 ноября 2016, 08:17

#10

Странно... У меня и в прежнем варианте блок нормально показывается, ничего никуда не скачет. Да и не должно, вроде бы. Не вижу причин для этого.

Ну разве что текст разворачивается и устанавливается на начало - но это вроде бы норма для удобного чтения.

Отпилю лишнее, прикручу нужное, выправлю кривое. Вытравлю вредителей.

В 2023 году Одноклассники пресекли более 9 млн подозрительных входов в учетные записи

Тренды маркетинга в 2024 году: мобильные продажи, углубленная аналитика и ИИ