html - Shrink navbar while scrolling down using Bootstrap 3 -


I am using Bootstrap 3 for the development of a website. I need to create a navbar which should be as small as the user's scroll down.
Something like this -
How can I make it? I'm using a fixed-top example of bootstrap as the starting point -

I need to put a logo on the left instead of the text and reduce its size as the user scroll down. !
Thanks in advance.

A good example of scrolling is here: 

  $ (Window) .scroll (function () {if ($ (document) .scrollTop ()> 50) {$ ('nav') AddClass ('shrink');} else {$ ('NAV'). Class ('shrink');}});

Comments

Post a Comment

Popular posts from this blog

python - how we can use ajax() in views.py in django? -

I have a little code here. Could you please tell me what this code really does? please. Here in the AJAX call: $ .ajax ({url: "{% url} upload_document '%}", type: "POST", data : {Csrfmiddletoken: document.getElementsByName ('csrfmiddletoken') [0] Price, Title: document.getElementById ('title'). Value, // document: document: document.getElementById ('document'),}, datatype: "Jason", success: function (feedback) {if (feedback == "true") {// success} other {// attachment errors}}}); How AJAX works in the Django and how we can see the AJAX request. Here is the idea of ​​my thoughts def upload_document (requested): Print request. POTT print request FILES if request.is_ajax (): If request.method == 'POST': form = UploadForm (request.POST, request.FILES, user = request.user) if form.is_valid (): Form.save () return HTTPPCS (SimpleJason Dumps ('True'), Mime Type = 'App / Jason') Other:...
Read more

c - Performance of System() -

After the function in C, for the system (), it affects the hardware counters, so how do you order that The example displayed for the example you are trying to view lets the IM use the display API (PAPI) and the program is a precompiled matrix multiplication application. PAPI_start_counters (); System ("./matmul"); PAPI_read_counters (); // Print the values ​​PAPI_stop_counters (); I'm clearly missing a bit, but I'm trying to figure out what it is possible to say, counter receiving a program im running Is through use. With my tests I will get wild numbers like below, they are clearly wrong, just want to find out why total bicycle =========== 140733358872510 instructions complete =========== 4203968 Floating Point Instructions =========== Floating Point Operations =========== 4,196,867 Weight ======= ==== 140733358872804 store ======= ==== 4204037 branches taken =========== 15774436 System () Normally it is a very slow function, on Linux, it is ...
Read more

How to Highlight a specified route on Google Maps v2 Android? -

Image
I am using the Google Directions API in my app to recover the path between two places which are completely Now I just need to list the roads and guidelines in the list view: How can I do this? Use this code Hope it can help you! Now on the map, a specified route on ABC is highlighted (screenshot below). Increases the public class polymorph activity (progressivity) pdialog; GoogleMap map, list of & lt; LatLng & gt; polyz; JSONArray array; static final Letlng Dublin = new Lie Long (53.344103999999990000, -6.2674 93699999932000); @SuppressLint ( "NewApi") saved preserved create null (Bundle Instansstet) {Suprknkret (saved Instensstet); setContentView (R.layout.map_layout); Map = ((MapFragment) getFragmentManager (). FindFragmentById (R.id.map)) .getMap (); Map .moveCamera (CameraUpdateFactory.newLatLongZoom (DUBLIN, 15)); Map.animateCamera (CameraUpdateFactory.zoomTo (10), 2000, NULL); new GetDirection (). execute ();} class GetDirection AsyncTask a...
Read more