css - Sticky scrollbar at bottom of table -


I'm not sure the word "sticky" is the word for it, but scrollbar overflow: auto Be visible?

I have a big table, which I want to scroll horizontally; However, the table is too long, so when the page is loading horizontal scrollbar is not in the viewport of the browser, it is not hard to say that the table is absolutely scrollable. 

  & lt; div style = 'width: 900px; Overflow: Auto '& gt; & Lt; Table & gt; & Lt ;! - Very large table here - & gt; & Lt; / Table & gt; & Lt; / Div & gt;   
 The scroll bar appears below the table, but unfortunately the table is too high that you can not see it below.  
 I want the horizontal scrollbar to be visible even when visible, even if the table screen turns off, possibly fixed under the viewport. Ideally I want to use it only CSS or at least Javascript   
 
 
 Here is a script for it  
  $ (function ($) {var scrollbar = $ ('& lt; div id =" fixed-scrollbar "& gt; & lt; (Android X:' auto ', position:' fixed ', width : '100%%', below: 0}); var duplicate contract = scrollbar.find ('div'); function top (e) {return e. Offset (top);} function below (e) {return e .offset () top + e.height ();} var active = $ ([]); function find_active () {scrollbar.show (); var active = $ ([]); $ ('fixed-scrollbar' ) (Each (function () (if ( ($ (This)) & lt; top (scrollbar) & amp; amp; amp; amp; amp; amp; below ($ (this)) below (scrollbar) {fakecontent.width ($ (this).) .scrollWidth; fakecontent.height (1); active = $ (this);}}); fit (active); active return;} function fit (active) {if (active! line) return scrollbar.hide (); scrollbar.css ({left: active.offset () left, width: active.width ()}) fakecontent.width ($ (this) .Get (0) .scrollWidth); fakecontent.height (1); Delete LastScroll; } Function oncroll () {var oldactive = active; Active = search_activ (); If (old.not (active) length) {oldactive.unbind ('scroll', update); } If (active.not (oldactive) .length) {active.scroll (update); } Updates(); } Var lastScroll; Function Scroll () {If (! Active.line) Return; If (scrollbar.scrollLeft () === final scroll) return; Previous scroll = scrollbar CrollLeft (); active.scrollLeft (lastScroll); } Function updates () {if (Active.length) returns; If (active.scrollLeft () === Final Scall) return; Previous circle = active.scrollLeft (); scrollbar.scrollLeft (lastScroll); } Scrollbar.scroll (scroll); Onscroll (); $ (Window) .scroll (Onscroll); $ (Window) .resize (Onscroll); });   
 This is a quick test rather than a complete general plugin, but it's a good start, I think

Comments

Post a Comment

Popular posts from this blog

c# - ASP.NET MVC - Attaching an entity of type 'MODELNAME' failed because another entity of the same type already has the same primary key value -

In brief, the wrapper module is inserted during posting and the status of an entry is changed to 'modified' . Before changing the state, the state is set to 'separate', but calling attachments () causes the same error to be thrown away. I am using EF 6. Model / wrapper class public class avi model {public A is a {get; Set; } Public listing & lt; B & gt; B {received; Set; } Public cc {receipt; Set; }} Administrator edit public functioning (int? id) {if (id == null) {new HttpStatusCodeResult (HttpStatusCode.BadRequest); } If (! Conveyor Access (id.Value)) new HTTPTitus code result (HTTP status code. Forbidden); Var aViewModel = new AViewModel (); aViewModel.A = db.As.Find (id); If (aViewModel.Receipt == zero) {return HttpNotFound (); } aViewModel.b = db.Bs.Where (x => x.aid == id.Value) .Oolist (); AViewModel.Vendor = db.Cs.Where (x => x.cid == aViewModel.a.cID) .FirstOrDefault (); See Return (aViewModel); } [HTPFost] [Valid AntitiferousTeacon...
Read more

jasper reports - How to center align barcode using jasperreports and barcode4j -

I use iReport 5.5.0 . How to align a barcode component to the center The relevant piece of my jrxml is below & Lt; JR: Code 128 xmlns: JR = "http://jasperreports.sourceforge.net/jasperreports/components" xsi: schemaLocation = "http://jasperreports.sourceforge.net/jasperreports/components http: //jasperreports.sourceforge Purge / xsd / components.xsd "textPosition =" bottom "& gt; & Lt; Jr: codeExpression & gt; & Lt; [CDATA [$ F {number}]] & gt; & Lt; / Jr: codeExpression & gt; & Lt; / Jr: Code 128 & gt; & Lt; / componentElement & gt; "Text" itemprop = "text"> Create a style after this, it is called "barcode", like: & lt; Style name = "barcode" fontName = "Helvetica" fONTSIZE = "10" hAlign = "center" valign = "center" /> and set the property of your barcode element to "barcode".
Read more

django - CommandError: You must set settings.ALLOWED_HOSTS if DEBUG is False -

I use Django 1.6.5 with settings in my program txsite: DEBUG = true I set the lie to debug, but when I get the runner , I get the following error: CommandError: You have to set the settings. OLOWOWHESTS If DEBUG is False I ALLOWED_HOSTS = ['127.0.0.1', 'localhost'] but I get the same error. Does anyone know this address? Try ALLOWED_HOSTS = ['*'] Less secure If you are not on a firewall or public LAN, but what I use and it works. Edit: Interestingly enough, I have to add some of my 1.8 projects, even if DEBUG = True . Why so very uncertain
Read more