Le code que tu montres correspond à ce qui est généré à partir des réglages du thème, et ce n’est clairement pas fait pour être modifié comme de l’HTML/CSS classique.
Comme ils ont mis en place un code propriétaire, tu ferais mieux de te rapprocher de leur support pour obtenir de l’aide.

[tdc_zone type="tdc_content"][vc_row]
[vc_column width="1/1"][vc_empty_space]
[td_block_big_grid_1 sort="random_posts" category_id=""]
[/vc_column][/vc_row][vc_row][vc_column width="1/2"]
[...]

Si tu as un WordPress et que tu es novice en développement web, ça va être un peu compliqué malheureusement…

La partie délicate consiste à ajouter un script jQuery à WordPress. Disons-le clairement, les tutos que l’on trouve en ligne en français sont tout pourris. Un jour, peut-être, j’en rédigerai un. En attendant, si tu es (très) motivé, voici un fil de discussion qui pourrait t’aider (c’est le plus simple que j’ai trouvé après 30min de recherche).

Ensuite, une fois que tu auras découpé ton contenu en plusieurs parties et que tu auras « englobé » chaque partie dans une div avec un id spécifique :

<div id="home-1">Partie 1</div>
<div id="home-2">Partie 2</div>
etc.

Il faudra ajouter la classe CSS class="js-scrollTo" à chaque lien a de ton menu en précisant la cible href="#home-N".

Si ton sous-menu est dans le corps de la page (dans wp-content/themes/TONTHEME/index.php ou dans une page WP), ça devrait aller.
S’il est généré automatiquement via un plugin ou autre, c’est la m*rde.

Je dois découper ma homepage en 4 ou 5 parties et le système proposé ici est fantastique. Le problème c’est que les non habitués ne savent pas quoi faire …

Le code, tel qu’il est écrit dans cet article, attache l’évènement click aux éléments $('.js-scrollTo') au chargement de la page.

Comme tes liens sont générés dynamiquement, ils ne sont donc pas présents au moment de l’initialisation.

Pour y remédier, il suffit d’attacher l’évènement au document plutôt qu’aux éléments. Essaye de remplacer :

$('.js-scrollTo').on('click', function() {

Par :

$(document).on('click', '.js-scrollTo', function() {

Je fait une vue en javascript à partir d’un fichier json

le problème vient du faite que lorsque je génère mon html en js (en string avec un for puis innerHTML pour les ajouté), les liens ne s’anime contrairement au lien déjà dans le html.

j’ai par exemple un navbar qui possède les lien ProposalOverview (dans le html) qui s’anime, mais celui ayant tout les « Proposal » un à un ne s’affiche pas

merci d’avance si vous avez une solution

Le tips sur le container dédié « page » au lieu du body à fait la différence !