javascript - Smooth Div Scroll jquery not scrolling -


the smooth div scroll great reason area no longer scrolls when edit or remove #makemescrollable or #makemescrollable div.scrollablearea * when leave works. problem customization.

and won't work after take "*" out of div.scrollablearea *

if edit part

it's been frustrating figuring out why part supposed editable not work @ all.

any jquery helpful! in advance!

/* can alter css in order give smoothdivscroll own look'n'feel */  /* invisible left hotspot */ div.scrollinghotspotleft {     /* hotspots have minimum width of 75 pixels         , if there room grow , occupy 10%         of scrollable area (20% combined).         adjust own taste. */     min-width: 75px;     width: 10%;     height: 100%;     /* there big background image , it's used      solve problems experienced in internet explorer 6. */     background-image: url(../images/big_transparent.gif);     background-repeat: repeat;     background-position: center center;     position: absolute;     z-index: 200;     left: 0;     /*  first cursor url firefox , other          browsers, second internet explorer */     cursor: url(../images/cursors/cursor_arrow_left.cur), url(images/cursors/cursor_arrow_left.cur),w-resize; }  /* visible left hotspot */ div.scrollinghotspotleftvisible {     background-image: url(../images/arrow_left.gif);                     background-color: #fff;     background-repeat: no-repeat;     /* standard css3 opacity setting */     opacity: 0.35;      /* opacity old versions of         mozilla firefox (0.9 or older) */     -moz-opacity: 0.35;     /* opacity internet explorer. */     filter: alpha(opacity = 35);     /* use zoom trigger "haslayout" in         internet explorer 6 or older versions */      zoom: 1;  }  /* invisible right hotspot */ div.scrollinghotspotright {     min-width: 75px;     width: 10%;     height: 100%;     background-image: url(../images/big_transparent.gif);     background-repeat: repeat;     background-position: center center;     position: absolute;     z-index: 200;     right: 0;     cursor: url(../images/cursors/cursor_arrow_right.cur), url(images/cursors/cursor_arrow_right.cur),e-resize; }  /* visible right hotspot */ div.scrollinghotspotrightvisible {     background-image: url(../images/arrow_right.gif);     background-color: #fff;     background-repeat: no-repeat;     opacity: 0.35;     filter: alpha(opacity = 35);     -moz-opacity: 0.35;     zoom: 1; }  /* scroll wrapper same width ,     height containing element (div). overflow     hidden because don't want show of     scrollable area. */ div.scrollwrapper {     position: relative;     overflow: hidden;     width: 100%;     height: 100%; }  div.scrollablearea {     position: relative;     width: auto;     height: 100%; } #makemescrollable { width:100%; height: 330px; position: relative; } #makemescrollable div.scrollablearea * { position: relative; float: left; margin: 0; padding: 0; }

http://www.smoothdivscroll.com/

//^above link jquery talking

is still problem or has been solved? since asked question version 1.2 has been released , works bit differently version 1.1.

in question mention things stop working when take out asterisk in css identifier "div.scrollablearea *". identifier saying "anything/any type of element inside scrollablearea. if remove need replace more specific. if have images use "div.scrollablearea img". if have div's use "div.scrollablearea div", if have linked things use "div.scrollablearea a" , on.

the important thing elements inside scrollablearea displayed in 1 long line. method i've used accomplishing make position relative, float them left , set display property block (needed elements claim specific horizontal space in dom). apart can set pretty else own taste.


Comments

Post a Comment

Popular posts from this blog

c# - SharpSVN - How to get the previous revision? -

i trying find efficient way previous revision of file text comparison using sharpsvn. using (svnclient c = new svnclient()) { c.authentication.defaultcredentials = new networkcredential( configurationmanager.appsettings.get("svnserviceusername") , configurationmanager.appsettings.get("svnservicepassword") , configurationmanager.appsettings.get("svnservicedomain") ); c.authentication.sslservertrusthandlers += new eventhandler<svnsslservertrusteventargs>(authentication_sslservertrusthandlers); collection<svnfileversioneventargs> fileversioncollection = new collection<svnfileversioneventargs>(); svnrevisionrange range = new svnrevisionrange(0, this.hooks.revision); svnfileversionsargs args = new svnfileversionsargs(); args.retrieveproperties = true; args.range = range; foreach (svnchangeitem item in log.changedpaths) { string path = this.repositorypath + it...
Read more

c++ - Is it possible to compile a VST on linux? -

for class project i'm attempting write vst plugin backed cuda. current cuda workflow on linux box, i'd prefer compile , link there. according wikipedia , should possible (i couldn't find steinberg documentation relevant linux) can't find makefile or instructions on how build if aren't using xcode or visual studio. i'm vst 3 sdk doesn't support linux. when try compile plugin under linux, error: ./base/source/fatomic.cpp:39:30: fatal error: libkern/osatomic.h: no such file or directory this issue caused following code in "vst3 sdk/base/source/fatomic.cpp" #if mac #include <libkern/osatomic.h> #if mac_os_x_version_min_required > mac_os_x_version_10_4 #define native_atomic_type (volatile int32_t*) #else #define native_atomic_type (int32_t*) #endif #elif windows #include <windows.h> #endif but hope compiling under linux work vst sdk 2.4. reading. jvstwrapper seems run on lin...
Read more

url - Querystring manipulation of email Address in PHP -

i using third party application (email2http) send me emailid, body , message. unable retrieve email id due name appended on , enclosed < , >. here querystring getting. test.php?from=ajay+reddy &subject=cx&body=somebody when print variable in php returns name , not email id. $from = $_get['from']; echo $from; //output ajay reddy please suggest me how can emailid also. i dont want use post method due testing , debugging. it's working fine. forgot use htmlentities() in debugging.
Read more