Как заставить ссылки работать?
$('li').click(function(){
    var target = $(this).find('a').attr('data-value');
    
    $(bodyHtml).animate({
        scrollTop:$('#' + target).offset().top
    },1500);
});
Вот так работает
В консоль смотрите. У вас вот на эту строку ругаетсяscrollTop:$('#' + $(this).data('value')).offset().top
т.е. вот такого элемента не существует $('#' + $(this).data('value'))
измените наscrollTop:$('#' + $(this).find('a').data('value')).offset().top
т.е. проблема в том, что вы слушаете клик по li, берете data-value с него же, хотя у вас data-value в теге a, который внутри li. Поэтому варианта 2Слушать клик не по li а по aПри клике брать значение не из li, а из дочернего элемента - а. Что я и сделал.