This topic is part of our Customizing your list section: http://myanimelist.net/forum/?topicid=419405 Shortened list table- long pages load much smoother than normal (for me) this way.  This is originally taken from Hahaido's Tips on customizing your layout: http://myanimelist.net/forum/?topicid=443937&show=60#msg23803009 Go there for the original post and more unique tips and layouts! Here is a useful trick for minimizing your list table like in the example above. It will scroll within the table rather than having the entire page scrolling. Just add this code to the bottom of your CSS! There are notes in the code for adjusting the table size and position. /* MINIMIZED LIST TABLE Right and top control the position of the table on the page. The percentage after is how far the list goes across the page from the right or top of the page. For example, right: 50%; moves the list 50% across the page from the right. You can change "right" to "left" to position it from the right instead of the left. Width and height control the width and height of your list, keep it smaller than your screen so the table stays minimal. */ #list_surround { right: 1% !important; top: 10% !important; width: 700px; height: 560px; overflow-y: auto; position: fixed; } List style used is from SylakentH's layouts: http://myanimelist.net/forum/?topicid=618961 |
Shishio-kunSep 1, 2016 9:14 PM
| It is not true that this speeds up loading. It also has the downside of user not being able to scroll using mouse wheel or middle button unless the cursor is exactly over the list. The only benefit it gives you is free space under the list, which can be used for some neat effects. |
 |
| Well I guess it depends on what you mean by speeding up loading. It still has to load the titles, yeah, but when I open up a large or long page, there's an annoying lag in my Chrome experience when its taking time stretching the whole page for me as the scrollbar loads up (I assume this is the problem). But when I used this there was a noticeably smoother opening when opening my longer pages. Its more a problem in Chrome than Firefox by far btw But I don't want confusion with less "real loading", so I'll minimize that and mention "smoother loading in my experience" rather than what I have now |
More topics from this board
» [CSS - Modern] 🍰 Clarity by V.L ( 1 2 3 4 5 ... Last Page )Valerio_Lyndon - Apr 19, 2018 |
1258 |
by Legends_of_anime
»»
Yesterday, 1:20 AM |
|
» [CSS - Modern] 🍰 Clarified by V.L — a responsive table-based design ( 1 2 3 )Valerio_Lyndon - Aug 1, 2022 |
111 |
by Shishio-kun
»»
Mar 31, 7:36 PM |
|
» [CSS Modern] ⭐️ NieR Automata Menu Layout - Killingdyl ( 1 2 )killingdyl - Apr 22, 2017 |
51 |
by Mula_Niilista
»»
Mar 24, 11:20 PM |
|
» ❓ Ask for help here + See Frequently Asked Questions ( 1 2 3 4 5 ... Last Page )Shishio-kun - Apr 15, 2010 |
7894 |
by Shishio-kun
»»
Mar 21, 11:59 AM |
|
» [CSS] ⭐️ Customize your List Cursor + Cursor FixesShishio-kun - Mar 8, 2021 |
18 |
by Shishio-kun
»»
Mar 19, 5:45 PM |