Set the `top` and `bottom` to `0`, so that the sidebar is exactly the same height as the viewport:

&lt;!-- language: lang-css --&gt;

    #leftCol {
        position: fixed;
        width: 150px;
        overflow-y: scroll;
        top: 0;
        bottom: 0;
    }

Here&#39;s your fiddle: http://jsfiddle.net/tvysB/2/

I had this same issue and fixed it using:

    .WhateverYourNavIs {
          max-height: calc(100vh - 9rem);
          overflow-y: auto;
     }
This sets the max height for your nav in a way that is responsive to the height of the users browser and then gives it a scroll when it needs it.


I want to set default culture info for that class or for entire application.

For example in Turkey 3,2 = in english 3.2

so application uses my local but i want it to use as default 

    System.Globalization.CultureInfo.InvariantCulture


How can i set it to that as default for that specific class or for entire application

how to set default culture info for entire c# application

I have a deeply nested collection in my MongoDB collection. 

When I run the following query:

    db.countries.findOne({},{&#39;data.country.neighbor.name&#39;:1,&#39;_id&#39;:0})

I end up with this nested result here:

    {&quot;data&quot; : {
      &quot;country&quot; : [
        {
          &quot;neighbor&quot; : [
            {
              &quot;name&quot; : &quot;Austria&quot;
            },
            {
              &quot;name&quot; : &quot;Switzerland&quot;
            }
          ]
        },
        {
          &quot;neighbor&quot; : {
            &quot;name&quot; : &quot;Malaysia&quot;
          }
        },
        {
          &quot;neighbor&quot; : [
            {
              &quot;name&quot; : &quot;Costa Rica&quot;
            },
            {
              &quot;name&quot; : &quot;Colombia&quot;
            }
          ]
        }
      ]
    }}

Now, this is what I want:
    
    [&#39;Austria&#39;, &#39;Switzerland&#39;, &#39;Malaysia&#39;, &#39;Costa Rica&#39;, &#39;Colombia&#39;]

or this:

    {&#39;name&#39;:[&#39;Austria&#39;, &#39;Switzerland&#39;, &#39;Malaysia&#39;, &#39;Costa Rica&#39;, &#39;Colombia&#39;]}

or anything else similar...  Is this possible?


Is it possible to flatten MongoDB result query?

I have a fixed sidebar on the left of my site with content that has too much content to display on the screen. How can I make that content scrollable while still allowing the right side to be scrollable?

I would think that a simple `overflow-y: scroll;` would suffice. It seems like I need to have a max-height on the sidebar, but setting that max-height to 100% does nothing. I&#39;m sure this is a simple code pattern, but alas, my CSS skills have deserted me today.


Simple example here:
http://jsfiddle.net/tvysB/1/

Scroll inside of a fixed sidebar

I have a fixed sidebar on the left of my site with content that has too much content to display on the screen. How can I make that content scrollable while still allowing the right side to be scrollable?
I would think that a simple <code>overflow-y: scroll;</code> would suffice. It seems like I need to have a max-height on the sidebar, but setting that max-height to 100% does nothing. I'm sure this is a simple code pattern, but alas, my CSS skills have deserted me today.
Simple example here:
<a href="http://jsfiddle.net/tvysB/1/" target="_blank" rel="noopener noreferrer">http://jsfiddle.net/tvysB/1/</a>

I am currently using the below function to create text that will be displayed using Bootstrap’s tooltip plugin. How come multiline tooltips only work with `&lt;br&gt;` and not `\n`? I prefer that there is not any HTML in my links’ title attributes.

What works

    def tooltip(object)
      tooltip = &quot;&quot;
      object.each do |user|
        tooltip += &quot;#{user.identifier}&quot; + &quot;&lt;br&gt;&quot;
      end
      return tooltip
    end

What I want

    def tooltip(object)
       tooltip = &quot;&quot;
       object.each do |user|
         tooltip += &quot;#{user.identifier}&quot; + &quot;\n&quot;
       end
       return tooltip
     end

How to make Twitter Bootstrap tooltips have multiple lines?

Is it possible to use a &quot;wildcard&quot; for elements having a class name starting with a specific string in CSS3?

Example:

    &lt;div class=&quot;myclass-one&quot;&gt;&lt;/div&gt;
    &lt;div class=&quot;myclass-two&quot;&gt;&lt;/div&gt;
    &lt;div class=&quot;myclass-three&quot;&gt;&lt;/div&gt;

and then magically set all the above `div`s to red in one go:

    .myclass* { color: #f00; }

Match all elements having class name starting with a specific string

I am wondering if it&#39;s possible to utilize font-awesome (or any other iconic font) classes to create a custom `&lt;li&gt;` list-style-type?

I am currently using jQuery to do this, ie:
    
    $(&quot;li.myClass&quot;).prepend(&quot;&lt;i class=\&quot;icon-chevron-right\&quot;&gt;&lt;/i&gt;&quot;);

However, this doesn&#39;t style properly when the `&lt;li&gt;` text wraps across the page as it considers the icon to be part of the text, not the actual bullet-indicator.

Any tips?

Custom li list-style with font-awesome icon

Can I keep an inline comment like this in my `.scss` file

    thead {
        display: table-header-group; // h5bp.com/t
    }

I don&#39;t want this comment in my CSS output.

Does SCSS support inline comments?

I want to set a width in percentage in scss via calculation, but it gives me errors..

&gt; Invalid CSS after &quot;...-width: (4/12)%&quot;: expected expression (e.g. 1px,
&gt; bold), was &quot;;&quot;

I want to do something like


    $my_width: (4/12)%;
    
    div{
    width: $my_width;
    }

how do I add the % sign in there?

Same question with px and em

Calculate a percent with SCSS/SASS

I am just wondering how can i implement more data on scroll only if the div.loading is visible.

Usually we look for page height and scroll height, to see if we need to load more data. but the following example is little complicated then that.

Following image is perfect example. there are two .loading div&#39;s on the drop down box. When user scroll the content, whichever is visible it should start loading more data for it.

![enter image description here][1]

So how can i find out if .loading div is visible to user yet or not? So i can start loading data for that div only.


  [1]: http://i.stack.imgur.com/IKHNl.png

jQuery load more data on scroll

I have an ad in my header and a fixed ad at the bottom of my page that is always there. I want the fixed ad to appear only if the user has scrolled under the header ad. I looked into the JQuery documentation, but I&#39;m not really sure what I should use.

JQuery window scrolling event?

Ok so I included the code for my project below, I&#39;m just doing some experimenting with pygame on making a platformer. I&#39;m trying to figure out how to do some very simple scrolling that follows the player, so the player is the center of the camera and it bounces/follows him. Can anyone help me?




    import pygame
    from pygame import *

    WIN_WIDTH = 800
    WIN_HEIGHT = 640
    HALF_WIDTH = int(WIN_WIDTH / 2)
    HALF_HEIGHT = int(WIN_HEIGHT / 2)

    DISPLAY = (WIN_WIDTH, WIN_HEIGHT)
    DEPTH = 32
    FLAGS = 0
    CAMERA_SLACK = 30

    def main():
        global cameraX, cameraY
        pygame.init()
        screen = pygame.display.set_mode(DISPLAY, FLAGS, DEPTH)
        pygame.display.set_caption(&quot;Use arrows to move!&quot;)
        timer = pygame.time.Clock()

        up = down = left = right = running = False
        bg = Surface((32,32))
        bg.convert()
        bg.fill(Color(&quot;#000000&quot;))
        entities = pygame.sprite.Group()
        player = Player(32, 32)
        platforms = []

        x = y = 0
        level = [
            &quot;PPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPP&quot;,
            &quot;P                                P&quot;,
            &quot;P                                P&quot;,
            &quot;P                                P&quot;,
            &quot;P                                P&quot;,
            &quot;P                                P&quot;,
            &quot;P                                P&quot;,
            &quot;P                                P&quot;,
            &quot;P       PPPPPPPPPPP              P&quot;,
            &quot;P                                P&quot;,
            &quot;P                                P&quot;,
            &quot;P                                P&quot;,
            &quot;P                                P&quot;,
            &quot;PPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPP&quot;,]
        # build the level
        for row in level:
            for col in row:
                if col == &quot;P&quot;:
                    p = Platform(x, y)
                    platforms.append(p)
                    entities.add(p)
                if col == &quot;E&quot;:
                    e = ExitBlock(x, y)
                    platforms.append(e)
                    entities.add(e)
                x += 32
            y += 32
            x = 0

        entities.add(player)

        while 1:
            timer.tick(60)

            for e in pygame.event.get():
                if e.type == QUIT: raise SystemExit, &quot;QUIT&quot;
                if e.type == KEYDOWN and e.key == K_ESCAPE:
                    raise SystemExit, &quot;ESCAPE&quot;
                if e.type == KEYDOWN and e.key == K_UP:
                    up = True
                if e.type == KEYDOWN and e.key == K_DOWN:
                    down = True
                if e.type == KEYDOWN and e.key == K_LEFT:
                    left = True
                if e.type == KEYDOWN and e.key == K_RIGHT:
                    right = True
                if e.type == KEYDOWN and e.key == K_SPACE:
                    running = True

                if e.type == KEYUP and e.key == K_UP:
                    up = False
                if e.type == KEYUP and e.key == K_DOWN:
                    down = False
                if e.type == KEYUP and e.key == K_RIGHT:
                    right = False
                if e.type == KEYUP and e.key == K_LEFT:
                    left = False
                if e.type == KEYUP and e.key == K_RIGHT:
                    right = False

            # draw background
            for y in range(32):
                for x in range(32):
                    screen.blit(bg, (x * 32, y * 32))

            # update player, draw everything else
            player.update(up, down, left, right, running, platforms)
            entities.draw(screen)

            pygame.display.update()

    class Entity(pygame.sprite.Sprite):
        def __init__(self):
            pygame.sprite.Sprite.__init__(self)

    class Player(Entity):
        def __init__(self, x, y):
            Entity.__init__(self)
            self.xvel = 0
            self.yvel = 0
            self.onGround = False
            self.image = Surface((32,32))
            self.image.fill(Color(&quot;#0000FF&quot;))
            self.image.convert()
            self.rect = Rect(x, y, 32, 32)

        def update(self, up, down, left, right, running, platforms):
            if up:
                # only jump if on the ground
                if self.onGround: self.yvel -= 10
            if down:
                pass
            if running:
                self.xvel = 12
            if left:
                self.xvel = -8
            if right:
                self.xvel = 8
            if not self.onGround:
                # only accelerate with gravity if in the air
                self.yvel += 0.3
                # max falling speed
                if self.yvel &gt; 100: self.yvel = 100
            if not(left or right):
                self.xvel = 0
            # increment in x direction
            self.rect.left += self.xvel
            # do x-axis collisions
            self.collide(self.xvel, 0, platforms)
            # increment in y direction
            self.rect.top += self.yvel
            # assuming we&#39;re in the air
            self.onGround = False;
            # do y-axis collisions
            self.collide(0, self.yvel, platforms)

        def collide(self, xvel, yvel, platforms):
            for p in platforms:
                if pygame.sprite.collide_rect(self, p):
                    if isinstance(p, ExitBlock):
                        pygame.event.post(pygame.event.Event(QUIT))
                    if xvel &gt; 0:
                        self.rect.right = p.rect.left
                        print &quot;collide right&quot;
                    if xvel &lt; 0:
                        self.rect.left = p.rect.right
                        print &quot;collide left&quot;
                    if yvel &gt; 0:
                        self.rect.bottom = p.rect.top
                        self.onGround = True
                        self.yvel = 0
                    if yvel &lt; 0:
                        self.rect.top = p.rect.bottom


    class Platform(Entity):
        def __init__(self, x, y):
            Entity.__init__(self)
            self.image = Surface((32, 32))
            self.image.convert()
            self.image.fill(Color(&quot;#DDDDDD&quot;))
            self.rect = Rect(x, y, 32, 32)

        def update(self):
            pass

    class ExitBlock(Platform):
        def __init__(self, x, y):
            Platform.__init__(self, x, y)
            self.image.fill(Color(&quot;#0033FF&quot;))

    if __name__ == &quot;__main__&quot;:
        main()

Add scrolling to a platformer in pygame

How to make a `div` remain fixed after you scroll to that `div`? I have a `div` that is later in a page and you need to scroll to get to that `div`.

If I use:

    .divname {
      position: fixed;
    }

The `div` will appear before it should appear normally. Maybe a good example of what I need is second ad on [9gag][1]. If your screen resolution is low enough, you won&#39;t see that ad after you load the front page, but after you scroll down, you&#39;ll see the second ad and it will remain fixed while you scroll down.

  [1]: https://9gag.com/

How to make div fixed after you scroll to that div?

I have actually two issues, but lets resolve the primary issue first as I believe the other is easier to address.

I have a fixed position div on the left side of the scroll for a menu. Right side is a standard div that scrolls properly. The issue is that when the browser view-port is too small to see the entire menu.. there is no way to get it to scroll that I can find (at least not with css). I&#39;ve tried using different overflows in css, but nothing makes the div scroll. The div that contains the menu is set to min-height:100% and position:fixed.. both attributes I need to keep. 

The div containing the *menu* is inside another wrapper div that is positioned absolutely and height set to 100%.

How can I get it to scroll vertically if the content is too tall for the div?

That leads me to the other issue, that i don&#39;t want a scroll bar to display.. but I think I may already have an answer to that (only it doesn&#39;t work yet because I can&#39;t get the div to scroll to begin with).

Any solutions? Perhaps javascript is needed? (of which i know little about)

[JS Fiddle Example][1]

and the relevant code that is causing the issue (since posting the whole thing in here is waaay too long):

    .fixed-content {
	    min-height:100%;
	    position:fixed;
        overflow-y:scroll;
	    overflow-x:hidden;
    } 
Also tried adding height:100% as well just to see if that was an issue but it didn&#39;t work either... nor did a fixed height, such as 600px.

  [1]: http://jsfiddle.net/csdigitaldesign/NDx47/

Content Type	Original Author	Original Content on Stackoverflow
Question	Ryan Madsen	View Question on Stackoverflow
Solution 1 - Css	Joseph Silber	View Answer on Stackoverflow
Solution 2 - Css	Mac	View Answer on Stackoverflow

Scroll inside of a fixed sidebar

Css Problem Overview

Css Solutions

Solution 1 - Css

Solution 2 - Css

Is it possible to flatten MongoDB result query?

how to set default culture info for entire c# application

Attributions