javascript - Making a vertical UL slider -

-

I would like to create a vertical menu that has a certain height, when you press the arrow, slide up and down.

How will I know my head how to work with offset to jump Now I take relative offsets from the next item and jump over it. But it does not do that which is supposed to be done. Even more, this is not right. I think I want to know that the bottom of UL has been displayed in the div. If so, there is no need to move the down arrow anymore. But how can I know? 

  // The next element is var offsetNextLi = jQuery ($ nextElement). Event (); $ LiScrolledto = $ next element; JQuery ("ul #inline_navigation"). Chetan ({scrollTop: offsetNextLi.top}, 500);

This is my answer:

< P> Offset is relative, but your example has a steady li height, so you can use a continuous step. Or calculate the next invisible external li element To do this, I spew a small JSFDL. 

  (function ($) {$ (document) .ready (function () {// slide on jQuery ("# ​​arrowup"). ("Click", function () {Var $ Ul = $ ('#inline_view'); var y = $ ul.scrollTop (); var $ firstChild = $ ul.children (). First (); var step = $ firstChild.outerHeight () + parseInt ( $ FirstBild (y ', y, phase); if (y> = 0) {y - =; console.log (' later ', y) .css (' marginbottom '), 10); console.log ; $ Ul.stop (). Chetan ({scrollTop: y}, 100);}}); // slide below ("# arrowdown"). ("Click", function () {var $ ul = $ ('#inline_navigation'); var y = $ ul.scrollTop (); var h = $ ul.height (); var $ firstChild = $ ul.children (). First (); var step = $ firstChild.outerHeight () + ParseInt ($ firstChild.css ('marginbot '), 10); console.log (' beforehand ', y, phase); if (h> = y) {y + = step; Console.log (' later ', y); $ ul .stop (). Chetan ({scrollTop: y}, 100);}});});} (JQuery));

This code has not been optimized, it is for instructional reasons only to see a list of each click in the list "ul", by specifying y variables by jQuery's scrollTop () function Relatable coordinates get. For example, this step can also be equal to 59 or I am sad as before calculation.

Then checks whether y breaks the top or bottom, so it looks at the bottom of the height, and 0 records the y upwards. The rest is almost the same for the top and bottom, only the sign + leads to -

Hope it helps the code be more reusable and can be customized, as well as the key Press.


Comments

Post a Comment

Popular posts from this blog

Editing Python Class in Shell and SQLAlchemy -

-
I am working on the terminal on a shell script after this tutorial SQLAlchemy tutorial. I need to type gt; & Gt; & Gt; Sqlalchemy import column, integer, string & gt; & Gt; & Gt; Class user (base): __tablename__ = 'users' id = column (integer, primary_key = true) name = column (string) absolute name = column (string) password = column (string) def __repr __ (self): return "& lt ; User (name = '% s', absolute name = '% s', password = '% s') & gt; "% (Self.name, self.fullname, self.password) After the problem I have typed the password = column (string) I hit twice and changed .... >> I then took everything back but then an error was thrown because the class already exists ... I am not completely sure how to fix it. How do I open that slip in the shell script and edit it (Add DF to DRR) The error thrown below: / user / giripeters / TFSQLLX / Lib / python2.7 / site-packages / sqlalchemy / ext / decla...
Read more

import - Python ImportError: No module named wmi -

-
I followed the instructions for downloading WMI for Python When I try to run the code for C.Win32_Service (StartMode = "Auto", state = "Stopped") import wmi c = wmi.WMI (): if Raw_input ("restart% s?"% S.Caption) .upper () == "Y": s.StartService () I got the error traceback (most recent call end): file ". \", Line 1, edit: I am using Python 2.7.6 EDIT2: I am running 64-bit Windows 2008 R2, and I've downloaded WMI-1.4.9.zip (md5). I removed the content and put it in D: Python \ Tools \ Scripts I executed dragon setup.py.install I said D : \ Python \ tools \ scripts to% PATH% and when I execute the code for C.Win32_Service (StartMode = "Auto", state = "Stopped") import wmi c = Wmi.WMI (): If raw_input ("Restart% s?"% S. Caption). () == "Y": s.StartService () error me Gets traceback (most recent call final): File ". See \", line 1, & lt; Modu...
Read more

uislider - In a MATLAB GUI, how does one implement a continuously varying slider from a GUIDE created .m file? -

-
I am trying to create a GUI with a plot and a slider. The slider should be described as continuously and output. I have a problem with this explanation that the uicontrol object is programmatically created, on the contrary, I want to know that in the last three instances, to complete the same thing done according to the program What can be added to a GUI file that is created. The code is down, and I have marked the (wrong) code that is provided by some of the above examples. Thanks a lot for any help! This slider function sets P1_slider_Callback (hObject, eventdata, handle) (handle, dragon, 'string', num2str (get (hObject, 'value'), 3)) PlottheData_Callback ( HOBject, EventData, Handle)% "PlotHeadata" is a button that creates the data slider based on the value of P1_slider%, and I think that here "p1_slider_CreateFcn" (hObject, eventdata, handle) needs to be assembled (HOBJECT, 'BackgroundRoller'), (0, 'Default UITTACKBACK MANDROLLE...
Read more