滚动HTML元素的内容,而不是整个窗口对象
Scrolling the content of an HTML element, rather than the whole window object
我手上有以下两个:
#elementA {
position: absolute;
width: 200%;
height: 100%;
background: linear-gradient(to right, rgba(100,0,0,0.3), rgba(0,0,250,0.3));
z-index: 250;
}
#containerofA {
position: fixed;
width: 100%;
height: 100%;
z-index: 240;
padding-bottom: 100px; // to hide the horizontal scrollbar
overflow-x: scroll;
}
作为div
的elementA
再次以div
的形式出现在containerofA
内部。elementA
的宽度是其容器宽度的两倍,并且可以通过触摸设备进行滚动。
这些已经发生了。我要做的是让elementA
最初滚动到中间。我希望它要么定位在-50%
最初,或50%
在加载时向右滚动。
在JavaScript, CSS或HTML:如何做到这一点?
window.scroll(offset-x, offset-y);
和变量滚动整个窗口,如果可以的话。这应该是一件很容易的事情,但是我不知道如何……
使用dom元素的scrollLeft属性
http://jsfiddle.net/hCN7n/document.getElementById('containerofA').scrollLeft = 250;
试试这样:
$(window).load(function() {
$(element).scrollLeft(offset-left);
});
为什么不这样做呢:
.Container{
position:fixed;
width:100%;
height:100%;
overflow-x:scroll;
overflow-y:hidden;
}
.Elementcontained{
position:absolute;
margin:auto;
left:0;right:0;bottom:0;top:0;
width:200%;
height:100%;
}
应该可以了吧?
可以使用scrollTop和scrollLeft属性
相关文章:
- 调整窗口大小时,可拖动的对象会出现在容器外部
- 如何在选项卡上定义属性'的主窗口对象
- Javascript对象类在单击时打开窗口进行颜色选择,并在更改时替换对象背景颜色
- 可以从Chrome扩展修改窗口对象吗
- 在Backbone.js中为窗口对象指定变量
- 从html锚元素传递窗口对象
- 如何在ReactJS中使用窗口对象
- 在angularJS中使用模态窗口时,在控制器之间共享对象数组
- HackReactor,编码窗口现在可以访问一个名为“”的对象;招生;使用名为“;showApp”;.调用此方法时不带任
- 在加载时调用时,窗口对象的某些变量丢失
- 是否可以模拟 qUnit 测试的窗口位置对象
- 清除 Javascript 中窗口对象中的自定义变量
- 为什么当我尝试将函数绑定到自身时,“this”对象仍然引用窗口
- 窗口对象属性返回一个dom节点
- 使用窗口对象练习我的对象文字函数
- 如何从Chrome扩展访问所有窗口对象
- “this”返回的是[对象窗口],而不是元素
- 将变量打印到控制台时出现意外字符串:[对象窗口]
- 当我提醒“;这个“;鼠标悬停在<td>[对象窗口]弹出-那是什么
- javascript[对象窗口]在一个concat字符串