return View with Model and go to particular anchor tag

Question

I have a View with multiple anchors tags. Is there a way to return a View with a model object and go to a particular anchor tag in the view?

For example, my View has anchors like this:

   <a name="Section1"></a>
   ...
   <a name="Section2"></a>

I know I can hit those anchors using:

return Redirect(Url.RouteUrl(new { controller = "myController", action = "myAction" }) + "#Section1");

But I don't think I can use redirect because I need to send a Model:

return View("myAction", model); // how to go to anchor?

Answer 1

First we need to pass the achor to our view:

Controller:

    ViewBag.Section = "register"; //#register         
    return View();

View:

@if (ViewBag.Section!=null)
{
    <script>
        $(function () {              
                window.location.hash = '#@ViewBag.Section';
        });
    </script>
}

now you can use the "how to scroll to anchor" answer https://stackoverflow.com/a/15906458/7149454