标签: scrollto

我有三个隐藏div的按钮,当我点击一个我希望内容滚动到底部,然后当我点击另一个我希望页面保持原样但加载新内容.

我尝试过变量和if语句

var i=0;
$('#link-slide13').click(function(){
        if (i==0){//nothing's been scrolled
            $("html").animate({ scrollTop: $(document).height() }, "slow");
            i=1;

        }else{
            //don't do anything
        }
});

有任何想法吗？谢谢你的回答!

编辑:对不起,我真的不认为我已经解释过自己, http://ephemurl.com/4w/5ws在这里,是我现在所拥有的,最后6个部分反弹滚动到文档的底部,但我希望这只发生一次然后接下来的5次点击不会动画,因为你已经在那里...

我在 angular 6 应用程序中遇到了一个问题。附加路线时，滚动条不会改变其位置。我希望它在附加路线时滚动到页面顶部。 http://localhost:4200/#/pending-transfer是初始路线。用户单击页面中的按钮后，路由将附加到http://localhost:4200/#/pending-transfer/2595/62. 我试过使用window.scrollTo(0,0)in ngOnInit()，但这没有用。

我需要你的帮助.也许暗示就足够了.我没见过的东西......

我希望水平滚动条(类滚动)动态scrollLeft到div的可见部分的开头,类右.请查看css-part中的注释.

div的宽度(类:左/右)稍后会动态变化.所以我不得不将滚动条定位到右侧部分的开头.

边框始终位于屏幕中间.右侧部分应位于边界右侧,左侧部分位于左侧.

你知道怎么做吗？我知道解释起来很棘手.请问.

这是我的代码片段.

<!-- HTML -->
<div class="width100">
    <div class="scroll">
        <div class="outer">
            <div class="border"></div>
            <div class="left"></div>
            <div class="right"></div>
        </div>
    </div>
</div>

-

<!-- CSS -->
.width {
    width:100%;
}
.scroll {
    overflow-x: scroll;
}
.outer {
    width: 960px;
    height: 55px;
    background-color: orange;
}
.border {
    width: 2px;
    height: 55px;
    margin-left:50%;
    position:absolute;
    background-color:black; // will be background-image with width: 960px;
}
.left {
    float: left;
    width: 400px; //varies
    height: 55px;
    position:relative;    
}
.right {
    width:560px; //varies
    float: left; …

我已经测试了滚动到DIV ID 的所有方法，但不起作用我知道出了问题，但我不知道是什么，这是我的 jquery 脚本

$("#sub").click( function() {

$("#myForm").validate({
      rules: {
        page: {
          required: true,
          url: true
        },
        link: {
          required: true,
          url: true
        }
      },
      submitHandler: function(form) {
        $.post( $("#myForm").attr("action"), $("#myForm :input").serializeArray(), 
        function(info){ 
            $("#result").html(info); 
        });

        clearInput();

        $("#myForm").submit( function() {
            return false;   
        });
                    }
    });
});

function clearInput() {
    $('html, body').animate({
        scrollTop: $("#result").offset().top
    }, 2000);
}

我不知道是否有什么东西混合了东西，但 jquery 不滚动，我scrolltop()在一个新的 php 文件中测试该函数并且工作正常，但当我在这个文件上使用它时却没有。

更新：

感谢您的帮助 netblognet 我已经得到它，我做了这个：

$("#sub").click( function() {

    $("#myForm").validate({
          rules: {
            page: {
              required: true,
              url: true …

使用这个原生 JavaScript 方法：

window.scrollTo(500, 0);

如何设置参数以使其仅滚动到页面的一半？