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>
<center class="left_center_block">
<a href="https://vetandlife.ru/category/vystavki-i-konferenitsii/" class="left_button" target="_blank">Все мероприятия</a>
</center>
<?wp_reset_postdata();
endif;

View File

@@ -108,7 +108,7 @@
</div><!-- end main -->
<footer>
<footer id="footer">
<?if (LANG_VERSION == 'ru'):?>
@@ -226,6 +226,9 @@
<!-- /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/main-arrow.js?ver=1"></script>
</body>
</html>

View File

@@ -4,7 +4,7 @@
<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">
<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">
<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>
@@ -62,4 +62,4 @@
<?endif?>
<!--<div>Главное</div>-->
</div>

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++) {?>
<?if (isset($pitems[$i])):?>
<h2 class="part_title">Полоса <?=$i?></h2>
<!--<h2 class="part_title">Полоса <?=$i?></h2>-->
<?foreach($pitems[$i] as $item):?>
<?$category = get_the_category($item->ID);
$category_id = $category[0]->term_id;

View File

@@ -116,15 +116,17 @@ a{
}
#vert-title{
width: 48px;
min-width: 50px;
background: #F2F2F2;
}
#main-arrow{
position: fixed;
background: url(/wp-content/themes/vij/pub/icons/main-arrow.png) no-repeat;
width: 51px;
height: 130px;
padding: 0;
}
#mainlogo{
@@ -447,6 +449,32 @@ a{
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{
font-size: 9px;
text-transform: uppercase;
@@ -480,6 +508,11 @@ a{
width: 50%;
}
#footer{
position:relative;
z-index:101;
}
#footer_2{
display: flex;
justify-content: center;