overflow

问题 If I have a div that is overflowing, is there a way I could call a jquery function to scroll it down 60px or something? 回答1: Yes you can use ScrollTo plugin. UPDATE Seems like link is broken now. New link here 回答2: Or, simply use the scrollTop() jQuery API call. 回答3: mine is going like this: var offset = item.position().top; if (offset < 0 || offset > parent.height()) { if (offset < 0) offset = parent.scrollTop() + offset; parent.animate({ scrollTop: offset }, 300); } 来源： https:/

问题 I want to change the background color of the overflow popup menu to match the background of the main screen. Does anyone know how I could do that? Thanks. 回答1: If you are using a Toolbar, first you need to add this line to your toolbar layout: app:popupTheme="@style/ThemeOverlay.MyTheme" It should look like this: <android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/toolbar" android

问题 I have a jquery product slider that rotates through several LI's that are floated left. They have a width of 150px and height of 200px and have an image and a few bits of text in them. The outer container div that holds the UL has an overflow:hidden so that only 5 LI's are displayed at a time. This works great, until I try and stick an additional image in there with an absolute position bumped a few pixels above and to the left of the containing LI. The goal is to have a transparent "sold"

问题 I read through this question and didn't see if there is a solution to my issue. I've created a CodePen that shows this issue. I would like everything to the left and right ( overflow-x ) of the red border to be hidden, but keep the top and bottom ( overflow-y ) visible. Any ideas on how to achieve this affect? 回答1: update your .movie-posters style to this. And check if this is what you are looking for. .movie-posters { position: relative; width: 800px; height: 450px; margin: 6rem auto; border

问题 I have an outer div, and inside of that, I have an inner div which contains a list of images. When the images are wider than the outer div, I want to have it scroll horizontally, but instead, it just puts the image on the next line instead of expanding. If I add many rows, the div does scroll vertically, but horizontally, it doesn't do it. This happens on every browser I've tried - Firefox, Chrome, IE, and Safari. Here is the css: #grid-container { left:33px; position:relative; width:300px; }

问题 I create a Flutter Form and I build a dropdown button with flutter. I am losing local son data into dropdown. Some of my items in dropdown button is long. I use SafeArea and ListView and I am getting overflow on right. partial solution not mentioned in the other question, and I get the answer here. Any idea how to fix it? // TODO: BUILD RUN return new Scaffold( key: _scaffoldKey, body: new SafeArea( top: false, bottom: false, child: new Form( key: _formKey, child: new ListView( padding: const

问题 I have a DIV element with a background-image, and I want it to overflow outside the dimensions of the DIV (it now cuts off the image because the image is bigger than the DIV). Is this possible? overflow:visible doesn't work! 回答1: You can do it in alternative way: #box { margin:-50px 0 0; padding:50px 0 0 0; background:url(/images/image.png) no-repeat; } 回答2: Put the background on a larger <div> that contains your <div> . 回答3: It is very possible with CSS3. I stumbled on this post while

问题 Is there a CSS-only way (no JavaScript/jQuery) to only show the first two lines and, if there are three or more lines, hide the extra lines and show an ellipsis? For example, how can I take this fiddle: http://jsfiddle.net/0yyr3e63/ ...and make it look like this? Lorem Ipsum Dolor Sit Amet Consectetur Ut Enim Ad Minim Veniam Quis Nostrud... Duis Aute Irure Dolor In... Thanks in advance. 回答1: You can use text-overflow:ellipsis property with height . Like this .truncate { width: 250px; white

问题 Quick question about overflows. I'm working on this page http://www4.wittenberg.edu/admission_dev/undergrad/ and I'm trying to get the overflow to allow for horizontal scrolls. I've tried setting the body to hidden and the class "real body" to auto. This doesn't seem to work. Any help would be appreciated! Ben 回答1: you need to wrap your long content div with a position: relative; overflow: auto div. which i something like this: .wrapper { position: relative; overflow: auto; } .content {