scrollbar

问题 How to make scrollbar transparent? Only css . Only for webkit browsers. My code here. div{ width:410px; height:100px; overflow-y:overlay; border:1px solid green; position:relative; } ::-webkit-scrollbar{ width:20px; } ::-webkit-scrollbar-thumb{ background-color:rgba(0,0,0,1); } 回答1: div { width:410px; height:100px; overflow-y:overlay; border:1px solid green; position:relative; } ::-webkit-scrollbar{ width:20px; } ::-webkit-scrollbar-thumb{ background-color: rgba(255,255,255,1); } 回答2: If you

问题 I am trying to set the horizontal scrollbars on a select tag which is not working. Here's the code: <select style="height: 250px; width: 300px; overflow: auto;" id="dnn_ctr459_ManageRelatedProducts_lstFrom" multiple="multiple" name="dnn$ctr459$ManageRelatedProducts$lstFrom" class="selectList" size="4"> <option value="9">33 Uithoeke</option> <option value="10">Aantekeninge by Koos Prinsloo</option> <option value="11">Aantekeninge by Koos Prinsloo (enhanced e-book)</option> <option value="12"

问题 In the following code, I'm trying to build table like design with flexbox display model. .wrapper { width: 500px; height: 150px; background: grey; } .container { display: flex; flex-direction: column; height: 100%; } .row { display: flex; flex-direction: row; flex: 1; border: 3px solid green; } .cell { flex: 1; border: 1px solid red; } <div class="wrapper"> <div class="container"> <div class="row"> <div class="cell">1</div> <div class="cell">2</div> <div class="cell">3</div> </div> <div class

问题 I am not able to hide the Horizontal Scroll-bar of my FlowLayout panel. I am adding this panel dynamically. I have read the below 3 posts on stack overflow. but not able to get success. flowlayoutpanel and horizontal scrollbar issue How do I disable the horizontal scrollbar in a Panel Scrolling panel using horizontal scroll bar I have tried the following code. TableLayoutPanel pannel = new TableLayoutPanel(); pannel.Parent = pnlChart; pannel.Dock = DockStyle.Fill; pannel.AutoScroll = true;

问题 Here's the site: http://joshnh.com/ Basically, I have a few elements that are super wide so that they look as though they are coming out from the right hand side of the screen. I'm then using overflow-x: hidden; on the body to hide the overflow, but that doesn't stop the page from horizontally scrolling when users use their trackpad, or click and drag their mouse to the right. The site is fluid, so setting overflow-x: hidden; isn't a problem, but it has to be set on the body / html tags, not

问题 I want to change the horizontal scrollbar styles of a div. I successfully changed the x-axis (vertical) scrollbar style but when I added y-axis scroll, it is taking same styles as I added for the y-axis. I want to style both scrollbars differently. Is there any possible way to make this happen? Current CSS for (x-axis) vertical scrollbar: .list-group { overflow-y: scroll; max-height: 335px; border: 1px solid #bdbdbd; padding: 10px; } .list-group::-webkit-scrollbar { width:35px; } .list-group:

问题 In the .xml file, a layout written shows as follow, pls check up, <RelativeLayout xmlns:tools="http://schemas.android.com/tools" xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="wrap_content" android:layout_height="match_parent" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" tools:context=

问题 Request: VBA code for mini scroll bar which shift sheet left or right using VBA or ActiveX scroll bar? I have created a trainer skills matrix which has trainer names listed down the side (in cells 'B7' through 'B86') and Skill disciplines listed along the top (in cells E6 through 'AJ6'). Where the trainers name and a skill intersect I have a dropdown list stating ‘Y’ for has skill, ‘N’ does not skill and ‘n\a’. if the skill is not appropriate for that trainer. I have frozen the header rows

问题 First of all, I don't want to just remove it, I want to ensure that there is still scrolling capabilities there also. This is because I would like to have a 'slide show' affect on the website, where you can click 'next' and before, however with the scroll bar there, you can just go through it. I have hidden the scrollbar in other browsers using: ::-webkit-scrollbar { display: none; } for webkit browsers and overflow: -moz-scrollbars-none; for Firefox. However, when it comes to IE, I can't

问题 Good evening! I just wanna to change my scroll like this. So it looks like that track is hidden. I got my style like this ::-webkit-scrollbar{ width: 15px; height: 40px; } ::-webkit-scrollbar-thumb{ background-color: #DBDBDB; border: 4px solid transparent; border-radius: 11px; background-clip: content-box; } ::-webkit-scrollbar * { background: transparent; } ::-webkit-scrollbar-thumb:vertical { height: 90px; } And I got such result: So there is a question. How can I do this with CSS or JS