Community Learn Tools Library Leisure
search
English
Home > Web Front-end > HTML Tutorial > 如何设置div滚动条不滚动的问题_html/css_WEB-ITnose

如何设置div滚动条不滚动的问题_html/css_WEB-ITnose

WBOY
Release： 2016-06-21 09:39:26
Original
1886 people have browsed it

如图我有复数件多个select下拉菜单，右边会出现一个滚动条，现在当我选中一个option后，想让滚动条不滚动怎么做？
代码如下:




....
....




我用var bar = document.all.verticalScrollBar;能取得这个div，然后不知道用什么js属性能限制这个滚动条不动
应该是比较基础的问题，大家帮帮忙吧，我对js不是很熟悉

回复讨论(解决方案)

<div style="overflow-y: auto;overflow-x: hidden;height: 210px;vertical-align: top;" id="verticalScrollBar">
Copy after login

<div style="overflow-y: hidden;overflow-x: hidden;height: 210px;vertical-align: top;" id="verticalScrollBar">
Copy after login

bar.onmousewheel = function(e){
    e=e||window.event;
    if (e&&e.preventDefault){ 
        e.preventDefault();
        e.stopPropagation();
    }else{ 
     e.returnvalue=false;  
      return false;     
    }
我加了这个改好了

Related labels：
如何设置div滚动条不滚动的问题
source：php.cn
Previous article：子级div使用了margin-top，连父级div都应用到了？_html/css_WEB-ITnose Next article：简单的div布局_html/css_WEB-ITnose
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
Releasing the X-axis after calling Chart.zoom(): a step-by-step guide I set the scroll strategy to setScrollStrategy(AxisScrollStrategies.progressive) and on th...
From 2024-04-04 23:40:56
0
1
1339
How can I make text turn into a new element (like a divider) when clicked? I'm trying to find a way to make certain text on the page turn into separators/new element...
From 2024-04-04 11:21:03
0
1
3580
Generating content using Ajax - scrolling to Id doesn't work I generate page content based on data obtained via ajax. The problem I'm having is that wh...
From 2024-04-04 09:29:39
0
1
397
Fixed navbar code not so good, it caused issues with broken links, I don't know why I'm not really sure how to explain this problem, but essentially, my fixed navbar either d...
From 2024-04-04 09:09:20
0
1
333
HTML web page pagination in Chrome I'm trying to paginate after a full page div container. Just like loading an introductory ...
From 2024-04-02 23:26:08
0
1
404
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template