我不知道为什么,但是my page是由React.js库划分的,如果你试图在鼠标悬停在顶部导航菜单时向下滚动,你将无法做到这一点。 但如果你向下滚动屏幕的任何其他部分,你将滚动得非常好。 现在我一直在尝试使用事件侦听器,在滚动上会改变菜单背景,遵循这个question,它就不会工作了,因为react已经把我的页面分成了两部分,一部分是菜单,另一部分是页面的其余部分。 Menu.js import React from "react";
import './css/menu.css';
import logo from './images/logo.pn
我想有一个滚动窗格与html列表,将只会水平滚动。当我使用下面的代码时,我的列表项在整行后相互清除,滚动窗格只垂直滚动。
<div class="scrolling-list">
<ul>
<li> List item 1</li>
<li> List item 2</li>
<li> List item 3</li>
<li> List item 4</li>
<li> List item 5</li>
</ul>
我做了一个可滚动的标签列表,希望当用户滚动时,当点击每个标签时,滚动到标签的左边,如果标签已经看不见了(我是说从屏幕上溢出): jQuery('.resp-tabs-list li').click(function() {
var left = Math.round(jQuery(this).offset().left);
var scroller = jQuery(this).parent();
scroller
.animate({
'scrollLeft': left
}, 500);
}); ul {
o
我有可滚动的列表,只想通过悬停显示滚动条,但我也想通过在移动浏览器(iOS,Android)上的列表上第一次触摸滚动--比如list总是有overflow-y: auto。我尝试使用以下代码():
HTML:
<ul class="list js-list">
<li>Test Test Test Test Test Test Test Test Test</li>
...
<li>Test Test Test Test Test Test Test Test Test</li>
</ul
这里有一个无限滚动到底部的例子。 var $ol = document.querySelector("ol");
function load_more() {
var html = "";
for (var i = 0; i < 5; i++) html += '<li></li>';
$ol.innerHTML += html;
}
$ol.addEventListener("scroll", f