У меня есть jQuery для 3-х идентификаторов столбцов, чтобы сделать их кликабельными, чтобы перейти к идентификатору привязки вниз по странице.
Если я добавлю плавную прокрутку CSS
`Html{scroll-behavior:smooth}`
, это нарушит плавную прокрутку моей темы, которая нужна мне для других частей сайта, и я попробовал несколько примеров, таких как:
<script>
$(document).ready(function() {
$('a').click(function(){
$('html, body').animate({
scrollTop: $( $.attr(this, 'href') ).offset().top
}, 5000);
return false;
});
});
</script> в JS, но я не могу заставить их работать. Это то, что я использую, чтобы сделать столбцы кликабельными:
jQuery('#heures, #services, #con').css('cursor','pointer');
jQuery('#heures').click(function() {window.location="#nos-heures";});
jQuery('#services').click(function() {window.location="#nos-services";});
jQuery('#con').click(function() {window.location="#contact";});
Активируемая часть работает как задумано, но я не смог включить плавную прокрутку