хотите создать ссылку для перемещения в указанный div на той же странице в mvc

#c# #html #.net #asp.net-mvc

#c# #HTML #.net #asp.net-mvc

Вопрос:

Я создаю сайт с C # .net MVC 3, я хочу связать пункт меню, который при нажатии должен перейти к указанному div…Идентификатор div — это «portfolio», который находится в index.cshtml, а пункт меню, на который должна быть установлена ссылка, находится в layout.cshtml … просмотрел различные документации, но не нашел решения … я пробовал собственный метод html, но не работает.

 <li class="page-scroll">
                    <a href="#portfolio">Inspiration</a>
                </li>

1. это должно работать и не имеет ничего общего с MVC … вы уверены, что идентификатор, на который вы ориентируетесь, тот же? (проверьте наличие верхнего / нижнего регистра …). Это в том же окне? (нет фрейма, iFrame, …)

2. Как сказал @Bartdude «не имеет ничего общего с MVC». Можете ли вы предоставить полный HTML-код? или, по крайней мере, к целевому div.

Ответ №1:

просто чувак, используй это :-

«переключить видимость, чтобы использовать ее для разных вкладок»

 <style type="text/css">
.section {
    display: none;
}
</style>
<script type="text/javascript">

function toggleVisibility(newSection) {
    $(".section").not("#"   newSection).hide();
    $("#"   newSection).show();
}
</script>

используйте это в поле навигации:-

 <a href="#" onclick="toggleVisibility('portfolio');">portfolio</a>

используйте это как портфолио div:-

 <div id="portfolio" class="section">
//body
  </div>

Ответ №2:

Вы могли бы использовать что-то вроде этого:

 $('a').on('click', function () {
    $('html, body').animate({           
        scrollTop: $('#portfolio').offset().top
    }, 2000);
});

Это даст вам приятный эффект прокрутки.

Ответ №3:

_Layout.cshtml

 <ul>
    <li class="page-scroll">
        <a href="#portfolio">Inspiration</a>
    </li>
</ul>

Index.cshtml

 <div style="height:150px;background-color:Yellow">
    //Content for this block goes here
</div>

<div id="portfolio" style="height:50px;">
   //Here you want to move
</div>

<div style="height:150px;background-color:Gray">
    //Content for this block goes here
</div>

Это работает для каждого представления, если блок div с этим идентификатором включен в каждое представление.