Кнопка. Плавный переход на якорь через событие

Сообщение **zbscomp** » 27 мар 2019, 21:06

Добрый день. Кто подскажет, как на кнопке поставить ссылку на якорь, чтобы скролилось плавно?
Кнопка > События > Onclick - Link ( Должен быть плавный скролл до якоря(закладки), на якоре (закладке) стоит плавный переход ) в итоге от без скролла жестко кидает на якорь(закладку), без плавного перехода. Кто знает как решить эту проблему? На кнопке не нашел ссылки на якорь(закладку)

Отправлено спустя 2 минуты 4 секунды:
Ссылка на сайт http://mos-fundament.ru
При нажатии на: Узнать стоимость фундамента его жестко кидает на квиз, а по идее должен плавно переходить) PS галочка стоит на плавный скролл на якоре

Сообщение **mocktel** » 27 мар 2019, 21:34

#имя якоря
честно говоря не пробовал )))

Отправлено спустя 1 час 38 минут 16 секунд:
проверил работает на пример #Bookmark1 вписываешь в место URL

Сообщение **stedivid** » 28 мар 2019, 01:50

Решение простое

Сообщение **zbscomp** » 28 мар 2019, 10:37

Закладка работает нормально есди сделать изображением или фигурой. Нужен вариант с кнопкой ( Button ) Там только через события вроде ссылку можно вставить. Ссылку то вставляю #test , но она плавно не переходит, а кидает сразу ((

Отправлено спустя 40 секунд:
Кнопка с бликом от Goodwin

Сообщение **stedivid** » 28 мар 2019, 11:55

Раньше применяли ява скрипт для прокрутки. Вставляли в исходный код
плавная прокрутка страницы
- Для начала подключим необходимые файлы стилей и сам скрипт между тегами <head> </head>:

<script>
$(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;
});
});
});
</script>

Отправлено спустя 13 минут 54 секунды:
или такой вариант

Сообщение **zbscomp** » 28 мар 2019, 22:18

Гудвин помог. Создаем фигуру ( Shape ), на эту фигуру делаем ссылку на закладку, фигуру скрываем. На кнопке делаем следующее: создать событие > функция яваскрипт и туда вписываем $('#Shape1').click()
Shape1 это ID вашей фигуры. Его меняем на ваш. и все)) Все работает! Спасибо Гудвину)

Сообщение **mocktel** » 28 мар 2019, 23:56

zbscomp, Кто бы сомневался

Сообщение **stedivid** » 29 мар 2019, 19:20

Большое спасибо Гудвину.