0

在我的 MVC 4 Webapp 中，其中一个视图是列出房屋对象，并且在每个对象的右侧，用户都可以更改语言。假设您在页面中间阅读一个对象并决定要更改语言。然后加载一个看起来完全相同的新页面，但现在使用另一种语言的文本。问题是新页面从头开始（当然因为它是一个新页面），我希望新加载的页面与前一个页面具有相同的滚动位置。

为了更好地了解您可以访问该网站http://www.lomahovi.com，然后单击 Accomodations。在那里，您将看到每个对象的链接，您可以在其中在英语和俄语之间切换。

因此，如果客户正在查看一个英语对象，并决定他/她想要切换到俄语，我不希望页面从头开始，而是应该与它在相同的对象/位置上英文，这样客户就不必再向下滚动页面来找到对象了。

任何帮助表示赞赏。谢谢，

彼得

4

1 回答 1

1

您可以将当前屏幕位置的语言发送回控制器以更改语言-类似这样->链接

将结果存储到一个临时对象中（即 TempData ["scrollTo"]）。

在您看来，检查 TempData["scrollTo"] 是否为空，如果不是，请导航到该位置（使用 jquery）

编辑：

像这样的东西：

  1. 在视图上：（将其与您的语言绑定单击）

    var screenTopPosition = $(document).scrollTop();
//--Send this var to your controller as url param or w/e you prefer

  2. 在控制器上

    TempData["scrollTo"] = position; //where position is the param you received from the view

  3. 再次在视图上：（使用 Razor）

    $(function(){
   @if (TempData["scrollTo"]!=null)
  {
    var screenTop = @TempData["scrollTo"];
    $('#content').css('top', screenTop); //replace #content with your main div
  }
});

添加：

要使用 Html Helper 发送 java-script var，您需要这样的东西（视图）：

<div style="height:1000px">
    test
</div>
<div style="height:1000px">
    <a id="link" href="#">
        Click me
    </a>
</div>

@section scripts{
<script>

    var link = '@Url.Action("ActionName", "ControllerName", new { screenPosition = 123 })'

    $(function () {
             $("#link").click(RedirectWithScreenPos);
    });


    function RedirectWithScreenPos() {
        var screenPos = $(document).scrollTop();
        link = link.replace('123', screenPos);
        window.location.href = link;

    }
</script>
}
于 2015-05-03T15:13:50.817 回答