add main-arrow

This commit is contained in:
arlemp@selectel.ru
2021-12-28 23:31:56 +03:00
parent 5b279f70e6
commit 4d88d4133f
6 changed files with 72 additions and 6 deletions

View File

@@ -40,6 +40,10 @@ if( $posts ):?>
</div> </div>
<center class="left_center_block">
<a href="https://vetandlife.ru/category/vystavki-i-konferenitsii/" class="left_button" target="_blank">Все мероприятия</a>
</center>
<?wp_reset_postdata(); <?wp_reset_postdata();
endif; endif;

View File

@@ -108,7 +108,7 @@
</div><!-- end main --> </div><!-- end main -->
<footer> <footer id="footer">
<?if (LANG_VERSION == 'ru'):?> <?if (LANG_VERSION == 'ru'):?>
@@ -226,6 +226,9 @@
<!-- /Yandex.Metrika counter --> <!-- /Yandex.Metrika counter -->
<script type='text/javascript' src="<?php echo get_stylesheet_directory_uri()?>/scripts/burger-menu.js?ver=19"></script> <script type='text/javascript' src="<?php echo get_stylesheet_directory_uri()?>/scripts/burger-menu.js?ver=19"></script>
<script type='text/javascript' src="<?php echo get_stylesheet_directory_uri()?>/scripts/main-arrow.js?ver=1"></script>
</body> </body>
</html> </html>

View File

@@ -4,7 +4,7 @@
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title><?php wp_title('|', true, 'right');?><?=get_bloginfo('name')?></title> <title><?php wp_title('|', true, 'right');?><?=get_bloginfo('name')?></title>
<link rel="stylesheet" href="<?php echo get_stylesheet_uri();?>?ver=135"> <link rel="stylesheet" href="<?php echo get_stylesheet_uri();?>?ver=137">
<link href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" rel="stylesheet"> <link href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" rel="stylesheet">
<script type='text/javascript' src="<?php echo get_stylesheet_directory_uri()?>/scripts/jquery-3.6.0.min.js"></script> <script type='text/javascript' src="<?php echo get_stylesheet_directory_uri()?>/scripts/jquery-3.6.0.min.js"></script>
<script type='text/javascript' src="<?php echo get_stylesheet_directory_uri()?>/scripts/golos.js"></script> <script type='text/javascript' src="<?php echo get_stylesheet_directory_uri()?>/scripts/golos.js"></script>

26
scripts/main-arrow.js Normal file
View File

@@ -0,0 +1,26 @@
var windw = this;
var wrapper = document.getElementById('main');
var sticky = document.getElementById('main');
$.fn.followTo = function ( ) {
var $this = this,
$window = $(windw);
var pos = wrapper.scrollHeight;
$window.scroll(function(e){
if ($window.scrollTop() >= wrapper.scrollHeight - 130) {
$this.css({
position: 'absolute',
top: pos
});
} else {
$this.css({
position: 'fixed',
top: ''
});
}
});
};
$('#main-arrow').followTo();

View File

@@ -79,7 +79,7 @@ get_header();?>
<?for ($i = 1; $i <= $endpolosa; $i++) {?> <?for ($i = 1; $i <= $endpolosa; $i++) {?>
<?if (isset($pitems[$i])):?> <?if (isset($pitems[$i])):?>
<h2 class="part_title">Полоса <?=$i?></h2> <!--<h2 class="part_title">Полоса <?=$i?></h2>-->
<?foreach($pitems[$i] as $item):?> <?foreach($pitems[$i] as $item):?>
<?$category = get_the_category($item->ID); <?$category = get_the_category($item->ID);
$category_id = $category[0]->term_id; $category_id = $category[0]->term_id;

View File

@@ -116,15 +116,17 @@ a{
} }
#vert-title{ #vert-title{
width: 48px; min-width: 50px;
background: #F2F2F2; background: #F2F2F2;
} }
#main-arrow{ #main-arrow{
position: fixed;
background: url(/wp-content/themes/vij/pub/icons/main-arrow.png) no-repeat; background: url(/wp-content/themes/vij/pub/icons/main-arrow.png) no-repeat;
width: 51px; width: 51px;
height: 130px; height: 130px;
padding: 0;
} }
#mainlogo{ #mainlogo{
@@ -447,6 +449,32 @@ a{
padding-right: 22px; padding-right: 22px;
} }
.left_button{
background: white;
border-radius: 55px;
border: 1px solid black;
color: black;
vertical-align: middle;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
font-size: 16px;
font-size: 11px;
line-height: 110%;
display: table-cell;
vertical-align: middle;
height: 45px;
padding-left: 22px;
padding-right: 22px;
}
.left_center_block{
margin-top: 8px;
margin-bottom: 28px;
}
.vazh{ .vazh{
font-size: 9px; font-size: 9px;
text-transform: uppercase; text-transform: uppercase;
@@ -480,6 +508,11 @@ a{
width: 50%; width: 50%;
} }
#footer{
position:relative;
z-index:101;
}
#footer_2{ #footer_2{
display: flex; display: flex;
justify-content: center; justify-content: center;