如何在特定div id上滚动窗口

时间:2016-10-05 10:51:12

标签: php jquery html

这是重定向页面的结尾。
但我想在此 div ID上加载页面。

$('html, body').animate({ scrollTop: $('#win_'+ type).offset().top }, 'slow');   

<div class="panel panel-default" id="win_1"> </div>

1 个答案:

答案 0 :(得分:0)

你能提交完整的代码吗?我不确定你想要达到什么目的。

  

这是重定向我的页面结尾。但我想加载页面   这个div id。

在某些div元素上加载页面有很多种可能性。

window.location.hash = '#win_1';

$('html, body').animate({ scrollTop: $('#win_' + type).offset().top }, 'slow');   

另一个来自此网址:https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView

var element = document.getElementById("win_1");

element.scrollIntoView();

<强>更新

真的很奇怪,不适合你。您的代码可能会与其他代码发生冲突。我在多个平台上查看了我的一面,并在codepen和jsfiddle上进行了检查。如果你没有提供更多信息和代码示例,我不能说为什么不在你这边工作。 下面的网址有一个很好的例子,您可以尝试:

https://gist.github.com/JosephSilber/3848811

// jQuery plugin to scroll to an element on the page
// Usage: $('#someElement').scrollTo();
//    or: $('#someElement').scrollTo(750); 

(function($)
{
    var $window = $(window),
        $document = $(document),
        $documentWrapper = $('body, html');

    $.fn.scrollTo = function ( speed )
    {
        if ( speed === undefined ) speed = 300;

        $documentWrapper.animate({
            scrollTop: Math.min( this.offset().top - 10, $document.height() - $window.height() )
        }, speed);

        return this;
    };
}(jQuery));

$('#win_1').scrollTo();