css - Programmatically scroll ng-repeat with overflow:hidden -


I am using the following markup (ZE) to make a digit with AngularJS. 

  ul pijijana took .o: A and lacquo; Li (ng-repeat = "months in months | order:" _ id "" ng-square = "month ._id === shown? 'Current': ''") a (ng- href = "# Months / {Month._id}} ") {{month._id | Monthly: 'Short'}} li.arrow # right-arrow: One & raquo;   
 In CSS, I have set the  overflow: hidden . I get this:  
 endorsement  
 Perfect, But obviously it can get long time  
  How can I scroll this when the user finally clicks on the small arrow symbols?   
 I've tried like  $ (...). Animate ({left: '- = 20'})  But it only gets neglected (I'm guessing because of Foundation CSS) Any thoughts?  
 UPDATE  
 I have a semi-working solution, but it's ugly.  
 I changed the  ng-show  condition to list items such as:  
  li (ng-repeat = "month in month | order: '' _ Id '"ng-class =" month._id ===' current ':' '"ng-show =" month ._id> = minute & month ._id & lt; = maximum ")   
 and I do after loading my data  
  $ timeout (function () {var AvailableWind = $ ('ul.pagination'). ) - 2 * $ ('ul li.arrow'). Width (); var itemWidth = $ ('li: not (.arrow)'). Width (); var total = math.flur (available width / madwidth); $ scope.min = $ scope ShownMonth - Math.floor (total / 2); $ Scope.max = $ scope.shownMonth + Math.floor (total / 2);});   
 Then I basically just adjust the handler for  minimum  and  max  in  ng-click  The arrow button is more or less of this work, but for some reason,  available wins  are counted too much, which is actually much less than the space available for it - this is about 600 pixels Is off! Why?  
  
 
 
 Animate the left position does not make sense if you want to animate the horizontal scroll position (element. ScrollLeft).  
 Also, consider removing your arrow from the list of months. They do not make sense in that list, and when you want to scroll only months, they will force you, but leave the arrows in place.  
 Bella was edited to add: I did it for the quickness of jQuery, but the scroll left is an original javascript property.  
 This is CSS which is really important in comparison to Javascript:  
  #pagination {text-align: center; } .nav {display: inline-block; Vertical-row: middle; } UL {Display: Inline-Block; Vertical-row: middle; Max-width: 75%; Hidden flurry; White-space: Abrop; } Li {Display: Inline-Block; List style: none; Color: #fff; Background: #aaa; Padding: 0.25 degree 0.5 AM; Margin: 0 0.5 AM; }   
 Basically, you need the element that you can update the status of the scroll left. There is an overflow in that element: it is hidden on it so that its children can sit in a series within the element container (which is the result of white space: Abrop).

Comments

Post a Comment

Popular posts from this blog

Java - Error: no suitable method found for add(int, java.lang.String) -

I'm in the middle of homework work and I'm stuck. At this point in my code, I think that I should have a GUI window that opens and allows me to type "inserted text number". Notice is not going anywhere but at this point, If I pass through the problem then it will be in a linked list. I am getting two of the same error for the lines. Add (index, element); And I can not seem to get past it, there is no suitable method for the error "add (int, java. string string)". Code is below, please advise. To clarify - this will not be a method error because it is a linked list. There should not be any way involved. import java.awt. *; Import java.awt.event. *; Import javax.swing. *; Import java.util. *; Import java.util.Scanner; Import java.util.LinkedList; Public class TopTenList JFrame {Private TopTenList tt; See the Private JTextArea list; Private JTextField cmdTextField; Private JTextField resultsTestfield; // This GUI window is the code for the public toptist...
Read more

java - JPA TypedQuery: Parameter value element did not match expected type -

I am using JPA 2.0 and getting the following code in the DAO layer: Public Zero Test () {string key = "status"; String [] Conditions = {"A", "B"}; & Lt; TestTable & gt; Results = Search (Keys, Conditions); } Public listing & lt; TestTable & gt; Search (string key, object value error) {string sql = "test ndf to testlet and jade nand." + Key + "in:" + key; TypedQuery & LT; TestTable & gt; Query = entityManager.createQuery (SQL, TestTable.class); Query.setParameter (key, Arrays.asList (valueArr)) / *** Error Line *** Return query.getResultList (); } In the above error line, it throws the following exception: java.lang.IllegalArgumentException: parameter value element [[Ljava.lang.String; @ cbe5bc] did not match the expected type [java.lang.String] Why is this expected type string while actually this string []? Please help! Note: This is derived from the normal routine and is a simplified code. I can no...
Read more

c++ - static template member variable has internal linkage but is not defined -

Yes, I know, there is a question with almost the same title, but it refers to a different situation. Error message) In my case, I have a .cpp file with a big named designation name (implementation details). There is a property class template with a static data member in that name space, which I need to access from outside the unknown namespace. I give it a little bit of meat: file.hpp namespace Bar {template & lt; Typename A & gt; Struct foo {static_assert (is_same & lt; a, float & gt; :: value} is_same & lt; a, double>: value, ""); Fixed zero set_static_var (a const & x); // ...}; } and file.cpp namespace {template & lt; Typename A & gt; Struct foo_traits {// supports the implementation of several static code bars: foo & lt; & Gt; Fixed A data; }; The template's & lt; & Gt; Float foo_traits & lt; Float & gt; :: datum; // No change if this is in the global namespace template & lt; & Gt; Doub...
Read more