локальные ссылки не работают в браузере Chrome для настольных ПК

Question

Я хотел бы использовать этот CSS-шаблон greenfair (https://www.free -css.com / free-css-templates / page229 / greenfair ), но якорные ссылки в панели навигации не работают в chrome ( они работают в Firefox и IE). Что я могу сделать, чтобы это исправить? Вы можете использовать живое демо на странице для воспроизведения.

Один из примеров: #welcome anchor:

<div class="collapse navbar-collapse zero_mp" id="bs-example-navbar-collapse-1">
                            <ul class="nav navbar-nav navbar-right main_menu">
                                 <li><a href="#welcome">about</a></li>
                            </ul>
                        </div>


<!--Start of welcome section-->
    <section id="welcome">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="wel_header">
                        <h2>welcome to green fair</h2>
                        <p>Our Green Fire Organization is one of the non profit organization near you. Get our services like</p>
                    </div>
                </div>
            </div>
            <!--End of row-->
            <div class="row">
                <div class="col-md-3">
                    <div class="item">
                        <div class="single_item">
                            <div class="item_list">
                                <div class="welcome_icon">
                                    <i class="fa fa-leaf"></i>
                                </div>
                                <h4>eco system</h4>
                                <p>Lorem ipsum dolor sit amet, eu qui modo expetendis reformidans ex sit set appetere sententiae seo eum in simul homero.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <!--End of col-md-3-->
                <div class="col-md-3">
                    <div class="item">
                        <div class="single_item">
                            <div class="item_list">
                                <div class="welcome_icon">
                                    <i class="fa fa-refresh"></i>
                                </div>
                                <h4>recycling</h4>
                                <p>Lorem ipsum dolor sit amet, eu qui modo expetendis reformidans ex sit set appetere sententiae seo eum in simul homero.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <!--End of col-md-3-->
                <div class="col-md-3">
                    <div class="item">
                        <div class="single_item">
                            <div class="item_list">
                                <div class="welcome_icon">
                                    <i class="fa fa-tint"></i>
                                </div>
                                <h4>water refine</h4>
                                <p>Lorem ipsum dolor sit amet, eu qui modo expetendis reformidans ex sit set appetere sententiae seo eum in simul homero.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <!--End of col-md-3-->
                <div class="col-md-3">
                    <div class="item">
                        <div class="single_item">
                            <div class="item_list">
                                <div class="welcome_icon">
                                    <i class="fa fa-cog"></i>
                                </div>
                                <h4>solar system</h4>
                                <p>Lorem ipsum dolor sit amet, eu qui modo expetendis reformidans ex sit set appetere sententiae seo eum in simul homero.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <!--End of col-md-3-->
            </div>
            <!--End of row-->
        </div>
        <!--End of container-->
    </section>
    <!--end of welcome section-->

Answer 1

Чтобы решить эту проблему, необходимо обновить jquery, jquery.localScroll и jquery.scrollTo, чтобы они были совместимы с последними версиями Chrome.

Я использовал следующие версии модулей с вашим шаблоном CSS, и все работает нормально:

• JQuery-2.2.4.js
• jquery.scrollTo.min.js версия 2.0
• jquery.localScroll.min.js версия 2.0

Вот ссылки, по которым вы можете их получить:

<script src="https://code.jquery.com/jquery-2.2.4.js" integrity="sha256-iT6Q9iMJYuQiMWNd9lDyBUStIq/8PuOW33aOqmvFpqI=" crossorigin="anonymous"></script>

jquery.scrollTo jquery.localScroll

Также в файле index.html есть небольшая ошибка:

Uncaught TypeError: Невозможно прочитать свойство 'LayoutMode' из неопределенного

Это можно исправить, изменив порядок включения файлов cell-by-row.js и isotope.pkgd.min.js.