热门定制像这个屏幕底部工具栏？ [英] Hot to customize like this screen bottom side Tool Bar?

问题描述

这是我的第一个网站项目......我正在使用VS2010 ..我希望学习如下链接自定义底部工具栏......是否有可能？



感谢您的指导..



http：// www.hdfcbank.com/ [ ^ ]

解决方案

您只需两步即可完成 -

1.将以下css属性添加到您设计的目标div中，就像这个工具栏一样：

<前lang =CSS>位置​​：固定;
宽度：100％;
底部：0px;

2.将body的padding-bottom样式属性设置为等于此工具栏的高度。

你好Paramu1973，



请查看JSFiddle链接以获得一个小型快速演示。



< a href =http://jsfiddle.net/5xbyC/> JSFiddle示例 [ ^ ]



希望你可以在当前示例的顶部添加一个div来隐藏/显示内容的切换。



谢谢，

RelicV

Hi, It's my first website project...I am using VS2010..I wish to learn to customize the bottom side tool bar like the below link...Is it possible?

Thanks for the guidances..

http://www.hdfcbank.com/[^]

解决方案

You can do it simply in two steps -
1. Add the following css properties to the target div you have designed to work like this toolbar:

position:fixed;
width:100%;
bottom:0px;

2. Set the padding-bottom style property of body equal to the height of this toolbar.

Hi Paramu1973,

Please do take a look at the JSFiddle link for a small quick demo.

JSFiddle Example[^]

Hope you can add a div on top of the current example to make the hide/show toggle of the content.

Thank you,
RelicV

这篇关于热门定制像这个屏幕底部工具栏？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！