top
特性为
ScrollToOptions
dictionary specifies the number of pixels along the Y axis to scroll the window or element.
top: double
A double.
In our scrolltooptions example ( see it live ) we include a form that allows the user to enter three values — two numbers representing the left and top properties (i.e. the positions to scroll to along the X and Y axes), and a checkbox indicating whether they want smooth scrolling enabled or not.
When the form is submitted, an event handler is run that puts the entered values into a ScrollToOptions dictionary, and then invokes the
Window.ScrollTo()
method, passing the dictionary as a parameter:
form.addEventListener('submit', (e) => {
e.preventDefault();
var scrollOptions = {
left: leftInput.value,
top: topInput.value,
behavior: scrollInput.checked ? 'smooth' : 'auto'
}
window.scrollTo(scrollOptions);
});
| 规范 | 状态 | 注释 |
|---|---|---|
|
CSSOM (CSS 对象模型) 视图模块
The definition of 'top' in that specification. |
工作草案 |
| 桌面 | 移动 | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
top
|
Chrome 45 | Edge 79 | Firefox Yes | IE 不支持 No | Opera 32 | Safari Yes | WebView Android 45 | Chrome Android 45 | Firefox Android Yes | Opera Android 32 | Safari iOS Yes | Samsung Internet Android 5.0 |
完整支持
不支持