ScrollTo Center到没有div的网站

时间:2017-06-09 16:05:20

标签: javascript html css

我已经研究了很多,但无法找到解决问题的正确方法。

我找到了" https://api.jquery.com/scrollleft/"和" https://www.w3schools.com/jsref/met_win_scrollto.asp"但我真的不明白如何正确设置它,它只是整个网站的视图中心,通常比浏览器大小更宽。

我想有这样的事情:

<script>
window.scrollTo(50%, 0);
</script>

只是&#34;容易&#34;我的观点的中心,仅此而已。你可以设置相应的脚本吗?

1 个答案:

答案 0 :(得分:0)

这是一个简单但有效的解决方案,它通过获取整个文档宽度的滚动宽度来获取文档的中点。它通过除以2来计算中点。然后我们必须执行您在原始帖子中说明的方法。 $('.taxradio').change(function () { $('.taxcheck').attr('disabled', false); $(this).next("input[type='checkbox']").attr({ checked: false, disabled: true }); $(this).closest(".leve2check input[type='checkbox']").attr({ checked: false, disabled: true });

&#13;
&#13;
window.scrollTo(mid, 0);
&#13;
var body = document.body;
var width = document.body.scrollWidth;
var mid = width / 2;
var trigger = document.querySelector('#scroll');

trigger.addEventListener('click', function() {
    window.scrollTo(mid, 0);
});

console.log(mid);
&#13;
&#13;
&#13;