Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people, just like you, are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
Solved

Pop out help/Search Bar CSS

Posted on 2013-06-16
2
660 Views
Last Modified: 2013-06-18
Im trying to create a side bar that will pop out a window when they click/hover over a image. If I could I would like the side bar to move down the screen as they scroll.  Can someone please guide me on how to do this. If it can be in CSS and work both on desktop and mobile. I designed in Photoshop what I'm trying to do (see clips below)?
Screen-Shot-2013-06-16-at-9.07.5.png
Screen-Shot-2013-06-16-at-9.08.4.png
Screen-Shot-2013-06-16-at-9.09.1.png
0
Comment
Question by:overcolor
2 Comments
 
LVL 58

Accepted Solution

by:
Gary earned 500 total points
ID: 39251550
First thing to do would be getting the element to be sticky so start here
http://stickyjs.com/
0
 

Author Closing Comment

by:overcolor
ID: 39256774
Thank you
0

Featured Post

Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …

860 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question